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!
+
);
}
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'
}
]
},