/
webpack.config.js
69 lines (67 loc) · 1.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
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const merge = require('webpack-merge');
const devserver = require('./webpack/devserver');
const sass = require('./webpack/sass');
const images = require('./webpack/images');
const fonts = require('./webpack/fonts');
const extractCSS = require('./webpack/css.extract');
const webpack = require('webpack');
const uglifyJS = require('./webpack/js.uglify');
const favicon = require('./webpack/favicon');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plugin');
const PATHS = {
source: path.join(__dirname,'source'),
build: path.join(__dirname,'build')
};
const common = merge([
{
entry: {
'main': PATHS.source + '/pages/main/main.js',
'meeting': PATHS.source + '/pages/meeting/meeting.js'
},
output: {
path: PATHS.build,
filename: './js/[name].js'
},
plugins: [
new HtmlWebpackPlugin({
filename: 'main.html',
chunks: ['main','common'],
template: PATHS.source + '/pages/main/main.html'
}),
new HtmlWebpackPlugin({
filename: 'meeting.html',
chunks: ['meeting','common'],
template: PATHS.source + '/pages/meeting/meeting.html'
}),
new webpack.optimize.CommonsChunkPlugin({
name: "common"
}),
new CleanWebpackPlugin(PATHS.build),
new OptimizeCssAssetsWebpackPlugin({
cssProcessorOptions: { discardComments: { removeAll: true } },
})
],
},
images(),
fonts()
]);
module.exports = function(env) {
if (env === 'production') {
return merge([
common,
extractCSS(),
uglifyJS({ useSourceMap: true }),
favicon()
]);
}
if (env === 'development') {
return merge([
common,
devserver(),
sass()
]);
}
};