diff --git a/package.json b/package.json index da5d86de..b2f7e31b 100644 --- a/package.json +++ b/package.json @@ -23,12 +23,15 @@ "eslint-plugin-import": "^1.10.3", "eslint-plugin-jsx-a11y": "^1.5.5", "eslint-plugin-react": "^5.2.2", + "file-loader": "^0.9.0", "html-webpack-plugin": "^2.22.0", + "json-loader": "^0.5.4", "postcss-loader": "^0.9.1", "react": "^15.2.1", "react-dom": "^15.2.1", "rimraf": "^2.5.3", "style-loader": "^0.13.1", + "url-loader": "^0.5.7", "webpack": "^1.13.1", "webpack-dev-server": "^1.14.1" } diff --git a/src/App.js b/src/App.js index ac50244d..1cf8e103 100644 --- a/src/App.js +++ b/src/App.js @@ -1,10 +1,12 @@ import React from 'react'; import './App.css'; +import reactImage from './react.png'; export default function App() { return (
Hello world! + React rocks!
); } diff --git a/src/react.png b/src/react.png new file mode 100644 index 00000000..7ee20351 Binary files /dev/null and b/src/react.png differ diff --git a/webpack.config.dev.js b/webpack.config.dev.js index f274e6ac..d04302c7 100644 --- a/webpack.config.dev.js +++ b/webpack.config.dev.js @@ -24,15 +24,27 @@ module.exports = { } ], loaders: [ + { + test: /\.js$/, + include: path.resolve(__dirname, 'src'), + loader: 'babel' + }, { test: /\.css$/, include: path.resolve(__dirname, 'src'), loader: 'style!css!postcss' }, { - test: /\.js$/, - include: path.resolve(__dirname, 'src'), - loader: 'babel' + test: /\.json$/, + loader: 'json' + }, + { + test: /\.(jpg|png|gif|eot|svg|ttf|woff|woff2)$/, + loader: 'file', + }, + { + test: /\.(mp4|webm)$/, + loader: 'url?limit=10000' } ] }, diff --git a/webpack.config.prod.js b/webpack.config.prod.js index 1fb604ad..0efb28a4 100644 --- a/webpack.config.prod.js +++ b/webpack.config.prod.js @@ -22,15 +22,27 @@ module.exports = { } ], loaders: [ + { + test: /\.js$/, + include: path.resolve(__dirname, 'src'), + loader: 'babel' + }, { test: /\.css$/, include: path.resolve(__dirname, 'src'), loader: 'style!css!postcss' }, { - test: /\.js$/, - include: path.resolve(__dirname, 'src'), - loader: 'babel' + test: /\.json$/, + loader: 'json' + }, + { + test: /\.(jpg|png|gif|eot|svg|ttf|woff|woff2)$/, + loader: 'file', + }, + { + test: /\.(mp4|webm)$/, + loader: 'url?limit=10000' } ] },