-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.dev.js
85 lines (78 loc) · 2.05 KB
/
webpack.config.dev.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
devtool: 'source-map',
entry: {
app: [
'webpack-dev-server/client?http://localhost:8080',
'webpack/hot/dev-server',
'./src/index.js'
],
vendor: [
'react',
'react-dom',
],
},
output: {
path: __dirname,
pathinfo: true,
filename: 'app.js',
publicPath: '/',
},
resolve: {
extensions: ['', '.js', '.jsx', '.svg'],
modules: [
'src',
'node_modules',
],
},
devServer: {
stats: 'errors-only',
historyApiFallback: {
index: '/'
}
},
module: {
loaders: [
{
test: /\.(scss|css)$/,
loaders: ["style", "css", "sass"]
}, {
test: /\.jsx?$/,
exclude: [/node_modules/, /.+\.config.js/],
loader: 'babel',
query: {
presets: ['es2015', 'react']
}
}, {
test: /\.(jpe?g|gif|png)$/i,
loader: 'url-loader?limit=10000'
}, {
test: /\.json$/,
loader: 'json-loader'
}, {
test: /\.svg?$/,
loader: 'svg-sprite?name=[name]_[hash]'
}
],
},
plugins: [
// Generates an `index.html` file with the <script> injected.
new HtmlWebpackPlugin({
inject: true,
template: 'index.html',
}),
new webpack.HotModuleReplacementPlugin(),
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
minChunks: Infinity,
filename: 'vendor.js',
}),
new webpack.DefinePlugin({
'process.env': {
CLIENT: JSON.stringify(true),
'NODE_ENV': JSON.stringify('development')
}
}),
]
};