vue代码打包发布时混淆加密
vue 代码混淆加密压缩 - 简书 (jianshu.com)1、安装插件:2、在 vue.config 文件中配置:3、重新打包发布:4、如果有遇到报错清空,大概率是遇到es6语法导致无法压缩。解决方法有很多,最简单的就是更改uglifyjs版本。...
·
原文链接:
vue 代码混淆加密压缩 - 简书 (jianshu.com)
步骤:
1、安装插件:
npm i --save uglifyjs-webpack-plugin
2、在 vue.config 文件中配置:
const UglifyPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
configureWebpack: (config) => {
// 引入uglifyjs-webpack-plugin
let UglifyPlugin = require('uglifyjs-webpack-plugin');
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'
}
}
}
3、重新打包发布:
npm run build:prod
4、如果有遇到报错清空,大概率是遇到es6语法导致无法压缩。解决方法有很多,最简单的就是更改uglifyjs版本。
更多推荐
已为社区贡献2条内容
所有评论(0)