UglifyJs打包报错：Unexpected token: keyword const

107 阅读 0 评论 71 点赞

我是靠谱客的博主漂亮棒棒糖，这篇文章主要介绍UglifyJs打包报错：Unexpected token: keyword const，现在分享给大家，希望可以做个参考。

背景描述：

UglifyJS Webpack Plugin插件用来缩小（压缩优化）js文件，至少需要Node v6.9.0和Webpack v4.0.0版本。

webpack 4之前的版本是通过webpack.optimize.CommonsChunkPlugin来压缩js，webpack 4版本之后被移除了，使用config.optimization.splitChunks来代替。

最近，JavaScript项目在打包过程中莫名其妙报错：

复制代码

1
2
3
4
5
�[1m�[31mERROR in js/main.404d3f8fe19d82485946.js from UglifyJs
Unexpected token: keyword «const» [./node_modules/ismobilejs/esm/isMobile.js:1,0][js/main.404d3f8fe19d82485946.js:4414,0]�[39m�[22m

  Build failed with errors.

复制代码

1
2
glifyJs 不能识别 const语法。

复制代码

1
2
3
4
5
问题原因:
1、是UglifyJS不支持ES6的语法。
2、发现uglifyjs-webpack-plugin 2.0版本的Release日志中，明确提示重新切换回到uglify-js，因为uglify-es被废弃了，
如果需要ES6代码压缩，请使用terser-webpack-plugin

解决方案

1.使用 terser-webpack-plugin 替换 uglifyjs-webpack-plugin 进行代码压缩。

复制代码

1
2
3
4
npm install terser-webpack-plugin --save-dev
或
npm i terser-webpack-plugin -S

2.引入terser-webpack-plugin

复制代码

1
2
const TerserPlugin = require('terser-webpack-plugin')

3.使用TerserPlugin
在这里插入图片描述
使用 TerserPlugin 替换 UglifyJsPlugin , 有参数terserOptions时，用 uglifyOptions 替换，其他参数基本一致。

更详细的参数可以参看文档：https://github.com/webpack-contrib/terser-webpack-plugin

最后

以上就是漂亮棒棒糖最近收集整理的关于UglifyJs打包报错：Unexpected token: keyword const的全部内容，更多相关UglifyJs打包报错：Unexpected内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

本文分类：前端开发
浏览次数：107 次浏览
发布日期：2023-09-09 00:25:40
本文链接：https://www.kaopuke.com/article/k-p-k_14_uzo_6_fw_14__7_c3.html

UglifyJs打包报错：Unexpected token: keyword const

背景描述：

解决方案

最后

评论列表共有 0 条评论

发表评论取消回复

UglifyJs打包报错：Unexpected token: keyword const

背景描述：

解决方案

最后

相关文章

评论列表共有 0 条评论

发表评论 取消回复

微信扫一扫：分享

发表评论取消回复