uglify-staticjs-webpack-plugin

一个简单灵活的 Webpack Plugin，用来压缩混淆项目中没后import或require的 JavaScript 文件，比如项目中的 public 文件夹 支持 webpack4，兼容 webpack3，支持 es6 及以上版本语法的混淆

安装

npm install -save-dev uglify-staticjs-webpack-plugin

如何使用

webpack 中使用

编辑webpack.config.js文件，添加如下代码

plugins: [
  new CopyWebpackPlugin([
    {
      from: path.join(__dirname, "./public"),
      to: "static"
    }
  ]),
  new UglifyStatcJSWebpackPlugin({ staticPaths: ["./static/mylib.js"] })
];

Vue-CLI 3 中使用

编辑vue.config.js文件，添加如下代码

chainWebpack(config) {
    config
    .plugin('UglifyStaticJSWebpackPlugin')
    .use('uglify-staticjs-webpack-plugin', [
        { staticPaths: ['./static/mylib.js'] }
    ])
    .end()
})

参数及配置

大道至简，只有一个参数：staticPaths，指定要压缩混淆的文件和文件夹的路径，它的值为Array也就是可以支持多个文件压缩混淆 注意： uglify-staticjs-webpack-plugin 操作的根目录为dist文件夹，也就是在 webpack 中配置的output.path的路径，切记！

更多详细的内容，请参考example文件夹里的内容