webpack4.x使用UglifyJS出错问题
栏目: JavaScript · 发布时间: 4年前
内容简介:webpack中使用UglifyJS压缩代码时,出现如下错误:在webpack中,添加如下配置:
webpack中使用UglifyJS压缩代码时,出现如下错误:
ERROR in admin.b996c1979478ca946548.bundle.js from UglifyJs Unexpected token: keyword (const) [src/components/Alerts.vue:36,0][admin.b996c1979478ca946548.bundle.js:740,6]
原因
- 从出错信息来看,是UglifyJS不支持ES6的语法。理论上不应该啊…
-
于是Google之,发现uglifyjs-webpack-plugin 2.0版本的Release日志中,明确提示重新切换回到 uglify-js
,因为uglify-es被废弃了,如果需要ES6代码压缩,请使用 terser-webpack-plugin
解决
- 方法一:使用Babel将ES6转换为ES5。
-
方法一:安装并使用[terser-webpack-plugin]:( https://github.com/webpack-contrib/terser-webpack-plugin
)
$ npm install terser-webpack-plugin --save-dev
在webpack中,添加如下配置:
const TerserPlugin = require('terser-webpack-plugin'); module.exports = { //... optimization: { minimizer: [new TerserPlugin()] } };
参考
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- 使用css时,可能会出错的两个地方
- MyBatis Batch Update Exception使用foreach批量update出错
- 如何避免空指针出错?
- 如何避免特效渲染出错?
- OmniROM:“Flex checkpolicy”出错
- Python安装软件包出错
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Qt 5.9 C++开发指南
王维波、栗宝鹃、侯春望 / 人民邮电出版社 / 2018-5-1 / 89.00元
本书以Qt 5.9 LTS版本为开发平台,详细介绍了Qt C++开发应用程序的技术,包括Qt应用程序的基本架构、信号与槽工作机制、图形显示的Graphics/View架构、数据编辑和显示的Model/View架构、对话框和多窗口的设计与调用方法等,介绍了常用界面组件、文件读写、绘图、图表、数据可视化、数据库、多线程、网络和多媒体等模块的使用。每个编程主题都精心设计了完整的实例程序。 通过阅读......一起来看看 《Qt 5.9 C++开发指南》 这本书的介绍吧!