UglifyJS Webpack Plugin插件用来缩小(压缩优化)js文件

单个文件压缩

# 命令:webpack [js文件]
# 例如打包app.js
webpack app.js

如果是多个文件就采用webpack.config.js文件来配置。

基础配置 webpack.config.js文件

const path = require("path");
const UglifyJsPlugin = require('uglifyjs-3-webpack-plugin');
module.exports = {
    mode: "production",
    entry: {
        common: path.resolve(__dirname, './template/src/common.js') // 入口文件
    },
    output: {
        path: path.resolve(__dirname, './dist/'), // 打包目录
        filename: '[name].min.js', // 输出文件名
        chunkFilename: '[name].min.js' // commonChunk 输出文件
    },
    optimization: {
        minimizer: [new UglifyJsPlugin()]
    }
}