webpack4.x使用UglifyJS出错问题

栏目: JavaScript · 发布时间: 5年前

内容简介: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]

原因

  1. 从出错信息来看,是UglifyJS不支持ES6的语法。理论上不应该啊…
  2. 于是Google之,发现uglifyjs-webpack-plugin 2.0版本的Release日志中,明确提示重新切换回到 uglify-js ,因为uglify-es被废弃了,如果需要ES6代码压缩,请使用 terser-webpack-plugin

    解决

  3. 方法一:使用Babel将ES6转换为ES5。
  4. 方法一:安装并使用[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()]
  }
};

参考

  1. terser-webpack-plugin
  2. UglifyJS 2.0 Release信息

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

生命3.0

生命3.0

[美] 迈克斯·泰格马克 / 汪婕舒 / 浙江教育出版社 / 2018-6 / 99.90元

《生命3.0》一书中,作者迈克斯·泰格马克对人类的终极未来进行了全方位的畅想,从我们能活到的近未来穿行至1万年乃至10 亿年及其以后,从可见的智能潜入不可见的意识,重新定义了“生命”“智能”“目标”“意识”,并澄清了常见的对人工智能的误解,将帮你构建起应对人工智能时代动态的全新思维框架,抓住人类与人工智能共生演化的焦点。 迈克斯·泰格马克不仅以全景视角探讨了近未来人工智能对法律、战争、就业和......一起来看看 《生命3.0》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具