用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

时间: 2024-10-09 23:38:42

用terser-webpack-plugin替换掉uglifyjs-webpack-plugin解决uglifyjs不支持es6语法问题的相关文章

webpack入门(四)——webpack loader 和plugin

什么是loader loaders是你用在app源码上的转换元件.他们是用node.js运行的,把源文件作为参数,返回新的资源的函数. 例如,你可以用loaders告诉webpack加载 coffeeScript或者JSX. loaders 特点: 1. 可以链式拼接.他们用在通向文件的管道,最后一个loader预期返回一个javascript,其它Loader可以返回任意格式给下一个loader. 2. loaders可以是同步的,也可以是异步的. 3. loaders是用node.js来跑,

webpack渐入佳境系列一:webpack环境配置与打包基础【附带各种 "坑" 与解决方案!持续更新中...】

首先介绍传统模块化开发的主流方案: 1.基与CMD的sea.js,玉伯提出的解决方案,据说原来京东团队在使用.用时才定义,就近加载.最近在浏览seajs官方文档时发现seajs的域名已经在转卖,惊恐万分之余又想起了那句话,国内团队开发的技术,不是十全九美的最好不要用.国内高强度的生活节奏与压力使得日常维护变得很吃力.(想到这里,不禁为vue捏了一把汗,不过还好vue的前景非常光明!). 2.基于AMD的require.js,之前在用.提前声明与定义.国外团队维护. 3.基于commonJS的we

webpack打包不识别es6语法的坑

今天Vue项目npm run build 后webpack,报错uglifyjs,自己研究了一下,翻译过来,意思是不识别项目中写的高级语法,这里要把项目里es6语法转es5让浏览器识别, 也就是webpack的babel需要配置下 Babel其实是一个编译JavaScript的平台,它的强大之处表现在可以通过编译帮你达到以下目的: 使用下一代的JavaScript代码(ES6,ES7...),即使这些标准目前并未被当前的浏览器完全的支持: 使用基于JavaScript进行了拓展的语言,比如Rea

关于webpack的cannot find module 'webpack/lib/node/NodeTemplatePlugin'报错问题

近期公司的项目正在研究使用webpack及vue的使用,遇到了一个问题的报错,上边是报错,说找不到这个文件下的一个模块,但是我去这个文件夹下面找了这个文件是确实存在的,所以各种寻找解决方案,最终发现在全局安装完以后,在你的本地项目上面在安装一个本地的webpack就可以了,下边是我在本地重新安装的.最后成功运行了. 关于webpack的cannot find module 'webpack/lib/node/NodeTemplatePlugin'报错问题

如何在Eclipse里,有什么快捷的替换方法。把上百个jsp文件里的内容替换掉

ctrl + h 如何在Eclipse里,有什么快捷的替换方法.把上百个jsp文件里的内容替换掉,布布扣,bubuko.com

webpack学习(五)—webpack+react+es6

如果你看过webpack学习系列的前一个文章,接下来做的东西会比较简单 :webpack学习(四)- webpack-dev-server react发展的很快,现在大部分开发react相关的项目,都会用到这个组合:webpack+react+es6 还是以一个项目举例,项目中的package.json是生成的,"devDependencies"都是自己安装加入,如果拷贝网上的资料,可以npm install直接生成.而为了一探react的具体开发流程,还是自己一个个安装比较好. 项目

sqlserver查询的结果复制到excel替换掉回车换行

从sqlserver查询统计出的结果复制到excel,如果有回车,换行 ,或回车换行 ,复制到excel显示会乱会错版,查询的时候就替换掉回车换行,复制出来就不会乱了 select top 100 REPLACE(REPLACE(REPLACE(remark, CHAR(13) + CHAR(10), ''),CHAR(13),''),CHAR(10),'') from tablename

RecyclerView的使用(Android开发必备,替换掉ListView)

RecyclerView的使用(Android开发必备,替换掉ListView) 当有人看了你写的代码,说你现在还在使用ListView?是不是感觉快跟不上时代了啊!不错,今天就带给大家一个ListView的最新升级控件RecyclerView,Android 5.0推出的新控件,不过它在support-v7包,可以往下兼容,当你学会了RecyclerView之后,发现了它的强大,你就会替换到ListView和GridView了.    RecyclerView简介:          Recy

webpack 4.0 配置方法以及错误解决

选取一个空目录来试验 全局安装webpack4.1之后 创建目录 mkdir webpacktest && cd webpacktes 初始化package.json npm init -y: 然后文件目录中安装webpack npm i [email protected] --save-dev  @next我也不知道是什么意思 安装cli工具 npm i webpack --save-dev 再在package.json中配置script "script":{ &qu