|
@@ -1,13 +1,20 @@
|
1
|
1
|
const path = require('path');
|
2
|
2
|
const ExtractTextPlugin = require('extract-text-webpack-plugin');
|
3
|
3
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
4
|
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
|
4
|
5
|
|
5
|
6
|
const env = process.env.NODE_ENV;
|
6
|
7
|
|
|
8
|
+const prodPlugins = env === 'production' ? [
|
|
9
|
+ new UglifyJsPlugin({
|
|
10
|
+ sourceMap: true,
|
|
11
|
+ }),
|
|
12
|
+] : [];
|
|
13
|
+
|
7
|
14
|
module.exports = {
|
8
|
15
|
entry: './src/transport.ts',
|
9
|
16
|
output: {
|
10
|
|
- filename: 'transport.js',
|
|
17
|
+ filename: env === 'production' ? '[name].min.js' : '[name].js',
|
11
|
18
|
path: path.resolve(__dirname, 'dist'),
|
12
|
19
|
},
|
13
|
20
|
mode: env === 'production' ? 'production' : 'development',
|
|
@@ -61,8 +68,20 @@ module.exports = {
|
61
|
68
|
disable: env === 'development',
|
62
|
69
|
filename: '[name].css',
|
63
|
70
|
}),
|
|
71
|
+ ...prodPlugins,
|
64
|
72
|
],
|
65
|
|
- devtool: 'cheap-module-eval-source-map',
|
|
73
|
+ optimization: {
|
|
74
|
+ splitChunks: {
|
|
75
|
+ cacheGroups: {
|
|
76
|
+ commons: {
|
|
77
|
+ test: /[\\/]node_modules[\\/]/,
|
|
78
|
+ name: 'vendors',
|
|
79
|
+ chunks: 'all',
|
|
80
|
+ },
|
|
81
|
+ },
|
|
82
|
+ },
|
|
83
|
+ },
|
|
84
|
+ devtool: env === 'production' ? 'source-map' : 'cheap-module-eval-source-map',
|
66
|
85
|
devServer: {
|
67
|
86
|
contentBase: path.join(__dirname, 'dist'),
|
68
|
87
|
host: '0.0.0.0',
|