vuecli3代碼壓縮混淆

最近被某大公司大佬虐了，要求混淆用vuecli3寫的代碼（啥敏感信息都沒有，混淆個什麼混淆...）

html

言歸正傳，現將混淆流程記錄以下：vue

一、安裝「uglifyjs-webpack-plugin」webpack

cnpm i --save uglifyjs-webpack-plugin

沒有安裝cnpm的同窗能夠用npmweb

二、在項目根目錄下建立一個名爲 vue.config.js的文件npm

三、在vue.config.js中引入uglifyjs-webpack-pluginui

const UglifyPlugin = require('uglifyjs-webpack-plugin')

四、在vue.config.js中配置uglifyjs-webpack-pluginspa

module.exports = { configureWebpack: (config) => { if (process.env.NODE_ENV == 'production') { // 爲生產環境修改配置
      config.mode = 'production'
      // 將每一個依賴包打包成單獨的js文件
      let optimization = { minimizer: [new UglifyPlugin({ uglifyOptions: { warnings: false, compress: { drop_console: true, 
                  drop_debugger: false, pure_funcs: ['console.log'] 
 } } })] } Object.assign(config, { optimization }) } else { // 爲開發環境修改配置
      config.mode = 'development' } } };

這就能夠了，接下來你們能夠打包試試了debug

cnpm run build

若是報錯的話，估計是uglifyjs-webpack-plugin版本又更新了，可能須要修改配置中的「minimizer」節點，官方文檔地址：https://www.npmjs.com/package/uglifyjs-webpack-plugincode

若有錯誤，歡迎指出！htm

原文出處：https://www.cnblogs.com/shitian-net/p/10955684.html