本文解决在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打包报错的完整步骤，希望能为各位开发者提供参考，欢迎继续支持本站获取更多技术分享。