-
Notifications
You must be signed in to change notification settings - Fork 10
/
webpack.prod.js
39 lines (38 loc) · 1.09 KB
/
webpack.prod.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
const { merge } = require('webpack-merge');
const common = require('./webpack.common.js');
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const TerserPlugin = require('terser-webpack-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
module.exports = env => {
return merge(common(env), {
mode: 'production',
output: {
filename: "js/[name].[contenthash].js",
clean: true,
},
plugins: [
// 打包分析
// new BundleAnalyzerPlugin(),
// 生成 manifest.json
new WebpackManifestPlugin(),
// 将 css 从 js 中分离
new MiniCssExtractPlugin({
filename: "css/[name].[contenthash].css",
}),
],
optimization: {
minimize: true,
minimizer: [
new TerserPlugin({
parallel: true,
}),
new CssMinimizerPlugin(),
],
splitChunks: {
chunks: 'async'
},
},
});
}