|
@@ -2,6 +2,7 @@ const path = require('path');
|
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
|
const CleanWebpackPlugin = require('clean-webpack-plugin') // 清空打包目录的插件
|
|
const CleanWebpackPlugin = require('clean-webpack-plugin') // 清空打包目录的插件
|
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
|
|
|
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
|
|
|
const webpack = require('webpack');
|
|
const webpack = require('webpack');
|
|
|
const proxyHost = "http://192.168.2.236:5050";
|
|
const proxyHost = "http://192.168.2.236:5050";
|
|
|
|
|
|
|
@@ -113,6 +114,21 @@ module.exports = {
|
|
|
new CleanWebpackPlugin(),
|
|
new CleanWebpackPlugin(),
|
|
|
],
|
|
],
|
|
|
optimization: { //webpack4.x的最新优化配置项，用于提取公共代码
|
|
optimization: { //webpack4.x的最新优化配置项，用于提取公共代码
|
|
|
|
|
+ minimizer: [
|
|
|
|
|
+ new UglifyJsPlugin({
|
|
|
|
|
+ uglifyOptions: {
|
|
|
|
|
+ warnings: false,
|
|
|
|
|
+ parse: {},
|
|
|
|
|
+ compress: {},
|
|
|
|
|
+ mangle: true, // Note `mangle.properties` is `false` by default.
|
|
|
|
|
+ output: null,
|
|
|
|
|
+ toplevel: false,
|
|
|
|
|
+ nameCache: null,
|
|
|
|
|
+ ie8: true,
|
|
|
|
|
+ keep_fnames: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ }),
|
|
|
|
|
+ ],
|
|
|
splitChunks: {
|
|
splitChunks: {
|
|
|
cacheGroups: {
|
|
cacheGroups: {
|
|
|
commons: {
|
|
commons: {
|
|
@@ -126,7 +142,7 @@ module.exports = {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
module: {
|
|
module: {
|
|
|
rules: [{// 多个loader是有顺序要求的，从右往左写，因为转换的时候是从右往左转换的
|
|
rules: [{// 多个loader是有顺序要求的，从右往左写，因为转换的时候是从右往左转换的
|
|
|
test: /\.js$/,
|
|
test: /\.js$/,
|
|
@@ -180,5 +196,5 @@ module.exports = {
|
|
|
'/api': proxyHost
|
|
'/api': proxyHost
|
|
|
},
|
|
},
|
|
|
hot: true
|
|
hot: true
|
|
|
- },
|
|
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
Luolei