Terser混淆配合VueCli4使用的配置

因网上的大部分资料都千篇一律无法解决问题，故尝试成功后，在此归档。

Terser 插件的使用需要注意 VueCli 的版本，3 和 4 的版本存在差异。且本质上插件是对 WebPack 流程产生作用，故需要看清 WebPack 版本。插件版本仅支持 WebPack4。

//vue.config.js
const TerserPlugin = require('terser-webpack-plugin')
module.exports = {
    transpileDependencies: [
        'vuetify'
    ],
    productionSourceMap: false,
    configureWebpack: config => {
        config.optimization = {
            minimize: true,
            minimizer: [
                new TerserPlugin({
                    terserOptions: {
                        ecma: undefined,
                        warnings: false,
                        parse: {},
                        compress: {
                            drop_console: true
                        },
                        mangle: true, // Note `mangle.properties` is `false` by default.
                        module: false,
                        output: {
                            comments: false
                        },
                        toplevel: false,
                        nameCache: null,
                        ie8: false,
                        keep_classnames: undefined,
                        keep_fnames: false,
                        safari10: false,
                    },
                }),
            ],
        }
    }

}

本文标题：Terser混淆配合VueCli4使用的配置
本文连接：https://blog.dextercai.com/archives/95.html
除另行说明，本站文字内容采用创作共用版权 CC-BY-NC-ND 4.0 许可协议，版权归本人所有。
除另行说明，本站图片内容版权归本人所有，任何形式的使用需提前联系。