-
Notifications
You must be signed in to change notification settings - Fork 38
/
webpack.config.js
100 lines (93 loc) · 2.18 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
const path = require('path');
const webpack = require('webpack');
const HtmlwebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const { NODE_ENV } = process.env;
const extractLess = new ExtractTextPlugin({
filename: '[name].[contenthash].css',
disable: NODE_ENV === 'development'
});
const plugins = [
new webpack.HotModuleReplacementPlugin(),
new webpack.NamedModulesPlugin(),
new webpack.DefinePlugin({
'NODE_ENV': JSON.stringify(NODE_ENV)
}),
extractLess,
new HtmlwebpackPlugin({
title: 'react-test-demo',
filename: 'index.html',
template: 'src/index.html',
inject: true,
hash: true,
})
]
if (process.env.NODE_ENV === 'production') {
plugins.push(new webpack.optimize.UglifyJsPlugin());
plugins.push(new webpack.BannerPlugin({ banner: `Last update: ${new Date().toString()}` }));
}
const common = {
entry: path.resolve(__dirname, 'src/'),
devServer: {
hot: true,
contentBase: path.resolve(__dirname, 'src'),
publicPath: '/build'
},
output: {
path: path.resolve(__dirname, 'build'),
filename: 'bundle.js',
publicPath: '/build',
},
plugins,
module: {
rules: [{
test: /\.jsx?$/,
use: [
'babel-loader'
],
exclude: /node_modules/
},
{
test: /\.less$/,
loader: extractLess.extract({
// use style-loader in development
fallback: 'style-loader',
use: [
'css-loader',
'less-loader'
],
})
},
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
// use style-loader in development
fallback: 'style-loader',
use: [
'css-loader',
],
})
},
{
test: /\.md$/,
use: [{
loader: 'html-loader'
}, {
loader: 'markdown-loader',
}
]
}, {
test: /\.(woff|woff2|eot|ttf|svg)($|\?)/,
use: [{
loader: 'url-loader?limit=1&hash=sha512&digest=hex&size=16&name=resources/[hash].[ext]'
}]
}]
}
};
module.exports = (env = {}) => {
return Object.assign({}, common, {
entry: [
path.resolve(__dirname, 'src/index')
]
});
};