chore(build): 开启极限压缩
This commit is contained in:
103
vue.config.js
103
vue.config.js
@@ -2,44 +2,73 @@ module.exports = {
|
|||||||
productionSourceMap: false,
|
productionSourceMap: false,
|
||||||
configureWebpack: config => {
|
configureWebpack: config => {
|
||||||
if (process.env.NODE_ENV === 'production') {
|
if (process.env.NODE_ENV === 'production') {
|
||||||
config.optimization.minimizer[0].options.terserOptions = {
|
console.log('生产环境下开启极限压缩');
|
||||||
compress: {
|
|
||||||
drop_console: true, // 去除所有console语句
|
// 确保minimizer数组存在
|
||||||
drop_debugger: true, // 去除debugger语句
|
if (config.optimization && config.optimization.minimizer && Array.isArray(config.optimization.minimizer)) {
|
||||||
dead_code: true, // 移除死代码
|
// 查找TerserWebpackPlugin实例,而不是依赖索引
|
||||||
unused: true, // 移除未使用的变量
|
const terserPluginIndex = config.optimization.minimizer.findIndex(plugin => {
|
||||||
toplevel: true, // 清理顶层作用域未使用的变量
|
return plugin.constructor && plugin.constructor.name === 'TerserWebpackPlugin' ||
|
||||||
passes: 3, // 大幅增加压缩次数
|
(plugin.options && plugin.options.terserOptions);
|
||||||
reduce_funcs: true, // 合并或移除未使用的函数
|
});
|
||||||
collapse_vars: true, // 折叠定义后不再修改的变量
|
|
||||||
sequences: true, // 合并连续的变量声明
|
if (terserPluginIndex !== -1) {
|
||||||
evaluate: true, // 提前计算常量表达式
|
// 确保options对象存在
|
||||||
unsafe: true, // 已压缩代码启用更激进的压缩策略
|
if (!config.optimization.minimizer[terserPluginIndex].options) {
|
||||||
unsafe_comps: true, // 优化比较操作
|
config.optimization.minimizer[terserPluginIndex].options = {};
|
||||||
reduce_vars: true, // 合并或移除变量
|
}
|
||||||
join_vars: true, // 合并变量声明
|
|
||||||
side_effects: false, // 假设函数调用没有副作用
|
// 设置terserOptions - 极限压缩配置
|
||||||
pure_funcs: ['console.log', 'console.warn', 'console.error', 'console.info', 'console.debug'], // 标记这些函数为纯函数,可以安全移除
|
config.optimization.minimizer[terserPluginIndex].options.terserOptions = {
|
||||||
pure_getters: true, // 假设getter函数没有副作用
|
compress: {
|
||||||
unsafe_math: true, // 允许不安全的数学优化
|
drop_console: true, // 去除所有console语句
|
||||||
unsafe_proto: true, // 允许不安全的原型优化
|
drop_debugger: true, // 去除debugger语句
|
||||||
unsafe_regexp: true, // 允许不安全的正则表达式优化
|
dead_code: true, // 移除死代码
|
||||||
conditionals: true, // 优化条件表达式
|
unused: true, // 移除未使用的变量
|
||||||
comparisons: true, // 优化比较操作
|
toplevel: true, // 清理顶层作用域未使用的变量
|
||||||
booleans: true, // 优化布尔表达式
|
passes: 5, // 增加压缩次数以获得更好的压缩效果
|
||||||
typeofs: true // 优化typeof操作
|
sequences: true, // 合并连续的变量声明
|
||||||
},
|
evaluate: true, // 提前计算常量表达式
|
||||||
format: {
|
reduce_vars: true, // 合并或移除变量
|
||||||
ascii_only: true, // 确保输出ASCII字符
|
join_vars: true, // 合并变量声明
|
||||||
comments: false, // 去除所有注释
|
conditionals: true, // 优化条件表达式
|
||||||
beautify: false // 不美化输出
|
comparisons: true, // 优化比较操作
|
||||||
},
|
booleans: true, // 优化布尔表达式
|
||||||
// 为已压缩代码启用更严格的处理
|
typeofs: true, // 优化typeof操作
|
||||||
parse: {
|
collapse_vars: true, // 折叠定义后不再修改的变量
|
||||||
bare_returns: true, // 允许顶级return语句
|
reduce_funcs: true, // 合并或移除未使用的函数
|
||||||
expression: false // 禁用表达式模式
|
inline: true, // 内联简单函数
|
||||||
|
side_effects: true, // 移除有副作用的代码
|
||||||
|
keep_fargs: false, // 移除未使用的函数参数
|
||||||
|
keep_fnames: false, // 不保留函数名称
|
||||||
|
pure_funcs: ['console.log', 'console.warn', 'console.error', 'console.info'], // 标记为纯函数的console方法
|
||||||
|
pure_getters: true // 假设getter函数没有副作用
|
||||||
|
},
|
||||||
|
format: {
|
||||||
|
ascii_only: true, // 确保输出ASCII字符
|
||||||
|
comments: false, // 去除所有注释
|
||||||
|
beautify: false, // 不美化输出
|
||||||
|
ecma: 5, // 输出兼容ECMAScript 5
|
||||||
|
wrap_func_args: false, // 不包裹函数参数
|
||||||
|
bracketize: true, // 使用大括号包裹所有块
|
||||||
|
quote_style: 1 // 使用单引号
|
||||||
|
},
|
||||||
|
parse: {
|
||||||
|
ecma: 8, // 使用ECMAScript 8解析
|
||||||
|
bare_returns: true // 允许顶级return语句
|
||||||
|
},
|
||||||
|
mangle: {
|
||||||
|
toplevel: true, // 混淆顶层作用域的变量名
|
||||||
|
keep_fnames: false, // 不保留函数名称
|
||||||
|
keep_classnames: false // 不保留类名称
|
||||||
|
},
|
||||||
|
module: false, // 不是ES模块
|
||||||
|
sourceMap: false // 不生成source map
|
||||||
|
};
|
||||||
|
|
||||||
|
config.log('terserOptions配置完成');
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
Reference in New Issue
Block a user