用terser-webpack-plugin替换掉uglifyjs-webpack-plugin解决uglifyjs不支持es6语法问题

辛辛苦苦写好了前端代码,准备发布的时候,编译报错:

 

..... from UglifyJs 
Unexpected token: keyword (const).....

  

咋回事呀?

 

问Google,Google说,因为你的代码里面包含了ES6的语法,你的uglifyjs不支持的呀。

 

用terser-webpack-plugin替换掉uglifyjs-webpack-plugin

 

传送门: https://github.com/webpack-contrib/terser-webpack-plugin

转载于:https://www.cnblogs.com/saving/p/10577211.html

ptrade量化策略之ST股弱转强,回测年化115% 本策略的核心是精选ST股票,国九条过滤,防止直接暴雷退市,只做ST股票的弱转强 阅读详情

相关推荐

Python控制程控电源(USB)

随着智能电动汽车行业的持续发展,汽车电子或嵌入式设备在软硬件的测试中,都会使用程控电源供电,特别是自动化测试、压力测试场景必定使用到程控电源控制,控制电源上下电,监听电源电流、电压等,以下就以常见的艾德克斯程控电源为例,分享如何通过USB连接方式Python语言来控制程控电源。

测试领域技术分享 2807

webpack 打包 UglifyJs 报错

Vue-cli 打包报错: ERROR in static/js/4.784ab4a1238de8e94312.js from UglifyJs Unexpected token: 原因:Uglify模块不能压缩es6的代码 解决:修改webpack.base.conf.js 转换出错文件     { test: /\.js$/, load...

weixin_30527323的博客 408

TLI4971中文版资料

Infineon_TLI4971_target_datasheet_V1_2_2018_02_22_1_16_translate

uglifyjs-webpack-plugin不支持es6语法报错const 解决方法

打包出现: static/js/chunk-vendors.d42d548c.js from UglifyJs Unexpected token: keyword «const» [static/js/chunk-vendors.d42d548c.js:61,225864] 原因: 1,是UglifyJS不支持ES6语法。理论上不应该啊… 2,发现uglifyjs-webpack-plugin...

cnoneo的博客 6550

terser-webpack-plugin替代uglifyjs-webpack-plugin

使用uglifyjs-webpack-plugin压缩js报错 Error infromUglifyJs Unexpected token: xxx 因为uglifyjs不支持es6语法,所以用terser-webpack-plugin替代uglifyjs-webpack-plugin terser-webpack-plugin安装:yarn addterser-webpack-pl...

LLL_liuhui的博客 1万+

webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token punc (();

  最近做项目的时候运用vue,webpack,在打包压缩的工程中,其他压缩都没有问题,但是最后生成的bundle.js文件确报错,虽然也可以运行,但是毕竟文件大小在那里放着;   开始我的解决方案是再写一个webpack.config.js专门配置打包上面已经打包失败的bundle.js;打包压缩完成后再替换,这样会很麻烦;   于是在网上找很多方法,都是说配置"presets"...

aolie4568的博客 661

关于webpack打包插件uglifyjs-webpack-plugin报错

项目进行打包优化,配置了打包环境下去除多语言的输出,代码如下: const UglifyJsPlugin = require('uglifyjs-webpack-plugin') configureWebpack: (config) => { if (isProd) { const plugins = [] plugins.push( new UglifyJsPlugin ({ sourceMap: false,

mrhaoxiaojun的博客 5591

webpack的压缩插件uglifyjs-webpack-plugin变为teaser-webpack-plugin

webpack的压缩插件 默认压缩 teaser-webpack-plugin uglifyjs-webpack-plugin ES2019 Optional catch binding uglifyjs-webpack-plugin 报错 catch

星环 2587

vue 使用打包 js 报错、 uglifyjs-webpack-plugin 压缩报错的解决方法

vue 项目可以正常启动运行,但是打包时却 js 报错,因为 uglifyjs-webpack-plugin 不支持新的 es6 法 Error in from UglifyJs Unexpected undefined Build failed with errors. 解决方法,使用新的 terser-webpack-plugin 创建替换 uglifyjs-webpack-plugin npm install terser-webpack-plugin -D ...

大猩猩X 4395

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来代替。 最近,JavaScrip...

咻咻ing的专栏 5577

【vuecli使用Uglifyjs-webpack-plugin打包报错问题

Uglifyjs-webpack-plugin 打包报错问题

辉太郎的博客 1031

UglifyJs Unexpected token: keyword (const)

vue 打包配置uglifyjs时出现的错误: 报错原因: 1,是UglifyJS不支持ES6语法。 2,发现uglifyjs-webpack-plugin 2.0版本的Release日志中,明确提示重新切换回到uglify-js,因为uglify-es被废弃了,如果需要ES6代码压缩,请使用terser-webpack-plugin 解决方法: 1、npm i uglifyjs-webpack-plugin@1 2、使用terser-webpack-plugin 替换 uglifyjs-webpac

小小笨南瓜 687

解决iview打包时UglifyJs报错

使用npm run dev时运行是ok的,但是npm run build打包时iview报错, 如下: 原因是iview中使用了es6语法,然而uglifyJs不支持的,打开我们的build/webpack.prod.conf.js文件,可以看到 // UglifyJs do not support ES6+, you can also use babel-minify

生如夏花 炫至茶靡 8016

UglifyJs打包压缩问题引起的思考

问题背景 最近做了一个webapp项目,qa用手机测试功能时,在iphone6plus上表现是白屏,其他手机目测是ok的;因为之前在测试其他项目时也发现在这个iphone6上表现与其他手机不太一样。于是当时以为这个手机出了什么问题,或者其版本过低;就不放在心上。 然而这次白屏的影响还是要加以重视,于是在空闲的时候主动看了下,用VSCosole查看了日志信息,控制台报了一个警告信息: unexcep...

weixin_30740295的博客 403

uglifyjs报错 webpack_用webpackuglifyJS压缩ES6代码报错

问 题不能用webpack压缩ES6的代码吗?去ES6代码就正常了出错的代码处,都是对象属性简写,箭头函数等ES6代码module.exports = {mounted(){this.ready = true} //出错代码行}补充:下载的npm包都是刚下的再次补充:发现问题出在babel没把代码转成ES5"babel-core": "^6.17.0","babel-loader": "^6.2...

weixin_39915081的博客 631

前端笔记 ---- TerserWebpackPlugin 配置

指向剥离文件的标语文本将被添加到原始文件的顶部。 可以为 false (无标题), String 或一个函数:Function String> ,该函数将被使用存储剥离的注释的文件名来调用。 标语内容将被合并到注释中。

止于至善 7727

TerserWebpackPlugin详解

TerserWebpackPlugin,此文章来自于github翻译来,仅供参考,具体配置需要结合自己的技术框架配置(vue/react等)

高山景行,一尘不染 9929

Webpack 插件扫盲系列(三) webpack.TerserWebpackPluginwebpack.UglifyjsWebpackPlugin和ParallelUglifyPlugin

一、背景 这三种插件都是Webpack常用的压缩代码插件。这三者有什么不同?使用的时候有什么注意点?接下来我们一起探究一下。 一、webpack.UglifyjsWebpackPlugin 这个是Webpack官方维护,用Uglifyjs进行代码压缩的插件。它使用的是单线程压缩代码,也就是说多个js文件需要被压缩,它需要一个个文件进行压缩。所以说在正式环境打包压缩代码速度非常慢(因为压缩JS代码需要先把代码解析成用Object抽象表示的AST语法树,再去应用各种规则分析和处理AST,导致这个过程耗时非常大)

追逐丶的博客 5588

uglifyjs php,webpack3 使用ES6:ERROR in XX.js from UglifyJs

ERRORERROR in bundle.e65c521704a601f16148.js from UglifyJsUnexpected token: name (extends) [bundle.e65c521704a601f16148.js:1,57374]或者ERROR in xx.js from UglifyJsInvalid Assignment ..原因分析webpack3的uglif...

weixin_35696112的博客 602
上一篇: LCA&最小生成树
下一篇: Linux记录-文件格式
weixin_30343157
博客等级 码龄11年 90粉丝 0原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值