-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack-config.js
123 lines (113 loc) · 3.98 KB
/
webpack-config.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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
'use strict';
// Summary:
// Get webpack config for different targets
const path = require('path');
const _ = require('lodash');
const webpack = require('webpack');
const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
const pkgJson = require('./package.json');
module.exports = (type) => { // eslint-disable-line
// type is one of [dev, dll, test, dist]
// NOTE: for test, only module property is used.
const isDev = type === 'dev';
const isDist = type === 'dist';
return {
devtool: {
dev: 'eval',
dll: false,
test: false,
dist: false,
}[type],
cache: true,
context: path.join(__dirname, 'src'),
entry: {
dev: {
main: [
'react-hot-loader/patch',
`webpack-hot-middleware/client?http://0.0.0.0:${pkgJson.rekit.devPort}`,
'./styles/index.less',
'./index',
],
},
dll: {
// Here dll is only used for dev.
'dev-vendors': [
'react-hot-loader',
'react-proxy',
'babel-polyfill',
'lodash',
'react',
'react-dom',
'react-router',
'react-redux',
'react-router-redux',
'redux',
'redux-logger',
'redux-thunk'
],
},
dist: {
main: [
'babel-polyfill',
'./styles/index.less',
'./index'
],
},
test: null,
}[type],
output: {
// Js bundle name, [name] will be replaced by which is in entry
filename: '[name].js',
// Where to save your build result
path: path.join(__dirname, 'build/static'),
// Exposed asset path. NOTE: the end '/' is necessary
publicPath: '/static/'
},
plugins: _.compact([
isDev && new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin(),
isDist && new LodashModuleReplacementPlugin(),
isDist && new webpack.optimize.UglifyJsPlugin(),
isDist && new webpack.optimize.AggressiveMergingPlugin(),
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify(type === 'dist' ? 'production' : type),
}
})
]),
module: {
rules: [
{
test: /\.jsx?$/,
exclude: /node_modules|build/,
loader: 'babel-loader?cacheDirectory=true'
}, {
test: /\.less$/,
loader: isDev ? 'style-loader!css-loader?sourceMap!less-loader?sourceMap'
: 'style-loader!css-loader!less-loader'
}, {
test: /\.css$/,
loader: 'style-loader!css-loader'
}, {
test: /\.json$/,
loader: 'json-loader'
}, {
test: /\.(png|jpe?g|gif)$/,
loader: 'url-loader?limit=8192'
}, {
test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url?limit=10000&mimetype=application/font-woff'
}, {
test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url?limit=10000&mimetype=application/octet-stream'
}, {
test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
loader: 'file'
}, {
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url?limit=10000&mimetype=image/svg+xml'
}
]
}
};
};