webpack 代码混淆

webpack是如何进行代码混淆的。这里用到了一个插件。

uglifyjs-webpack-plugin：https://www.npmjs.com/package/uglifyjs-webpack-plugin

 

npm install uglifyjs-webpack-plugin --save-dev

 

基中有两个子属性：

minimize  正常情况下开发环境为false,生产环境设置为true;表示是否开启优化。

minimizer优化器。也叫优化插件。这可以是一个对象，可以是一个数组，多个优化器。每个优化器其实就是早其版本中插件。

 

const UglifyJSPlugin = require('uglifyjs-webpack-plugin')
 
...
 
module.exports = (env, args) => {
    
    return {
        ...
        optimization: {
            minimize: true,
            minimizer: [
                new UglifyJSPlugin()
            ]
        },
        module: {
            ...
        },
        devServer: {
            ...
        }
    }
}