webpack3中使用uglifyjs-webpack-plugin压缩JS报错的解决方案
作者：初晴时间：2026-10-22 19:38:16浏览：341
本文解决在webpack3环境下使用uglifyjs-webpack-plugin压缩JavaScript文件时出现的打包报错问题。通过对比webpack4与webpack3的配置差异，指出新版插件语法不适用于旧版构建工具，并提供通过指定安装低版本插件（如1.3.0）来恢复打包成功的解决方案。
webpack3中uglifyjs配置与版本兼容问题
在webpack版本低于4的环境中，需要引入uglifyjs插件以进行代码压缩。
cnpm install uglifyjs-webpack-plugin -D完成安装后，参考npm官方文档的配置方法，将相关配置代码添加到项目文件中：
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
//...
optimization: {
minimizer: [new UglifyJsPlugin()]
}
};运行打包命令后出现错误，查阅文档得知上述配置语法仅适用于webpack4。由于当前项目使用的是webpack3.x版本，因此需要调整uglifyjs的配置方式：
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
plugins: [
new UglifyJsPlugin(),
]
}修改配置后再次执行打包，依然报错。推测可能是最新版本的uglifyjs-webpack-plugin已不再支持该配置写法，因此尝试以下操作：
npm view uglifyjs-webpack-plugin versions
卸载当前版本并重新安装指定低版本的插件。
cnpm install uglifyjs-webpack-plugin@1.3.0 -D此时打包过程顺利执行，成功生成压缩后的文件。
以上内容即为解决webpack3中uglifyjs打包报错的完整步骤，希望能为各位开发者提供参考，欢迎继续支持本站获取更多技术分享。
作者最新文章
怎么在线格式化压缩JS代码并保留原始注释
2026-11-05 09:15:34
生产环境怎么自动移除JS控制台打印日志
2026-11-05 09:07:54
Babel 配置 core-js 完整指南：@babel/preset-env 与 useBuiltIns 设置
2026-11-04 20:32:23
Rollup打包集成Terser进行JS压缩的配置方法
2026-11-03 11:58:27
core-js v3 安装配置：配合 @babel/preset-env 实现按需引入
2026-11-03 11:11:05
相关标签：
