webpack5在使用UglifyJsPlugin的时候报错：ERROR in *** from UglifyJs Unexpected token: punc «)» ***

最新推荐文章于 2023-11-14 10:41:47 发布
最新推荐文章于 2023-11-14 10:41:47 发布
阅读量931 收藏
点赞数 3
分类专栏： 前端工具 Webpack 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GYQ1547426970/article/details/110497716
版权

webpack5在使用UglifyJsPlugin的时候报错：ERROR in *** from UglifyJs Unexpected token: punc «)» ***

报错内容：

> ERROR in static/js/app.5d9e92757fe3817d0429.js?t=1606910615956 from UglifyJs
Unexpected token: punc «)» [static/js/app.5d9e92757fe3817d0429.js?t=1606910615956:1,11]

  • 报错截图：

报错截图

尝试了各种解决方法，大部分都是说balel解析es6报错，试了一两个小时都没解决，偶尔看到说是UglifyJsPlugin的beta版本有效果，安装uglifyjs-webpack-plugin@beta支持对 ES2015+ 语法。

后来尝试了beta宝宝果然报错消失，构建成功，后来又测试各个版本，发现2+版本都会报这种错误，

v1.0.0-rc.0版本以及v1.3.0以下的版本都不会报错，v2.0.0到v2.2.0的版本会报错

https://www.npmjs.com/package/uglifyjs-webpack-plugin

version

叽歪小Q
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack-UglifyJsPlugin
08-26
webpack入门和实战(二)：全面理解和运用loader和plugins,webpack-UglifyJsPlugin
Webpack5无法使用uglifyjs-webpack-plugin压缩js： ERESOLVE unable to resolve dependency tree
u010234868的专栏
11-19 4052
安装： npm i -D uglifyjs-webpack-plugin 报错： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found: webpack@5.64.1 npm ERR! node_modules/webpack npm ERR! peer webpack@"4.x.x || 5.x.x" from @webpack-cli/configtest.
webpack 学习（5）--- 使用uglify-js 压缩打包JS代码
半夏半暖半倾城的博客
08-18 3378
一、webpack 插件机制介绍： 插件可以完成更多loader不能完成的功能。插件的使用一般是在webpack的配置信息 plugins选定中指定。Webpack本身内置了一些常用的插件，还可以通过npm安装第三方插件。 二、uglify-js介绍： ugligy-js是一个用npm安装的JavaScript代码压工具，我们在grunt和gulp中经常使用。 用npm命令进行安装： ...
webpack5X，vue h5项目前端build压缩时，使用uglifyjs-webpack-plugin插件去除生产环境的console输出
weixin_43848571的博客
06-28 640
项目打包一开始使用： new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false, drop_debugger: true, drop_console: true }, sourceMap: true }), 执行打包命令后，控制台报错： Error: webpack.optimize.UglifyJsPlu
webpack配置uglifyjs-webpack-plugin压缩
热门推荐
weixin_44090040的博客
07-24 1万+
安装代码压缩插件 npm install uglifyjs-webpack-plugin --save-dev 在webpack.base.conf.js中配置 /* * @Descripttion: * @version: * @Author: zhangfan * @email: 2207044692@qq.com * @Date: 2020-05-18 13:46:43 * @LastEditors: zhangfan * @LastEditTime: 2020-07-24.
已经安装了html-webpack-plugin,还是报错：Error: Cannot find module ‘html-webpack-plugin’
01-08
test: echo \Error: no test specified\ && exit 1, start: node ./src/koa.js, build: webpack --config ./build/webpack.config.js }, 配置好了之后，运行 $ npm run build 结果报错提示： 发现
webpack3里使用uglifyjs压缩js时打包报错的解决
12-12
const UglifyJsPlugin = require('uglifyjs-webpack-plugin') module.exports = { //... optimization: { minimizer: [new UglifyJsPlugin()] } }; 执行打包命令后报错，重新浏览文档后发现该写法只适用于...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console...
解决vue打包后刷新页面报错：Unexpected token
12-12
今天遇到了一个很怪的问题，在vue-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中Unexpected token <。 怪点一是开发环境没有问题，只有生产环境有问题，怪点二是只有一个页面有问题...
webpack5.27：UglifyJsPlugin、webpack-merge、html-webpack-plugin报错解决--《Vue.js实战》采坑
成长之路
03-28 3256
前言 博主最近在看《Vue.js实战》(梁灏著，2017年10月01日出版)，学习vue框架和webpack编译打包。在进行npm run build编译生产环境包时，出现了很多报错，特此记录采坑和解决方案 一. 问题背景 书中首先创建webpack.prod.config.js文件，如下 var webpack = require('webpack'); var HtmlwebpackPlugin = require('html-webpack-plugin'); var ExtractTextPlugi
ug安装脚本错误 scripts,uglifyjs-webpack-plugin es6
最新发布
wenangou的博客
11-14 364
大家好，小编为大家解答打开ug脚本发生错误如何解决的问题。很多人还不知道ug安装脚本错误 scripts，现在让我们一起来看看吧！
npm run build 报错 ERROR in static/js/balabala.js from UglifyJs
SuperXuyuey的博客
06-09 2828
npm run build 报错 ERROR in static/js/balabala.js from UglifyJs 项目加了一个小小的需求，准备部署到开发机测试的时候报错了。 ERROR in static/js/1.e54ac17.js from UglifyJs Unexpected token: name (FusionClass) [static/js/1.e54ac17....
uglifyjs php,webpack3 使用ES6：ERROR in XX.js from UglifyJs
weixin_35696112的博客
03-28 457
ERRORERROR in bundle.e65c521704a601f16148.js from UglifyJsUnexpected token: name (extends) [bundle.e65c521704a601f16148.js:1,57374]或者ERROR in xx.js from UglifyJsInvalid Assignment ..原因分析webpack3的uglif...
webpack打包时报错ERROR in static/js/vendor.35f3cd6381fdca8d6f5b.js from UglifyJs
weixin_30314631的博客
04-20 373
错误提示如下： operator (>) 表示这个运算符 (>) 有问题。 打开对应的emitter.js文件,可以看到有段es6的语法不解析。 我们需要在配置文件webpack.base.conf.js把这个文件加入到babel-loader的解析规则中 这样再执行打包命令就正常啦！ 转载于:https://www.cnblogs.c...
webpack打包优化
weixin_48456818的博客
06-04 508
webpack打包操作主要在项目开始时、项目结束后（打包前）两个阶段进行 项目开始时：
关于webpack打包插件uglifyjs-webpack-plugin报错
mrhaoxiaojun的博客
09-10 5036
项目进行打包优化，配置了打包环境下去除多语言的输出，代码如下： const UglifyJsPlugin = require('uglifyjs-webpack-plugin') configureWebpack: (config) => { if (isProd) { const plugins = [] plugins.push( new UglifyJsPlugin ({ sourceMap: false,
webpack 5
tianruine的博客
07-11 842
1.在webpack中5个重要的元素2.所有东西都要导出，通过 3.图片的打包通过：url-loader file-loader html-loader 在webpack@5中 通过type='‘accect’ 参数详解 资源目录的自定义 rules配置中增加 generator 配置项 2.3 说明：两种修改方式同时出现时，以generator 为准html文件中引入（html-loader处理） ,这样就能直接在html模板文件引入图片或者css 3.加载css资源（loader的使用
webpack配置
Fmili的博客
01-04 205
一.创建webpack.config.js （ loader webpack中一个核心，将ES6转为Es5 将scss，jsx ,vue文件转成js文件等等 ） const path=require(“path”) module exports={ entry：“./src/main.js”,入口文件 output:{ path:“path.resolve(__dirname,“dis...
webpack打包优化(最终极版)
weixin_49356003的博客
06-22 1585
以前公司里有优化的时候,打包优化和代码优化都是他来办，好家伙现在只剩下我一人了，为了在公司站住脚特意去度娘那里请教了一番，发现并不是那么难，以下就是我webpack打包的最终极版，把10MB变成300KB不在话下。 一，webpack配置 vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件。 1，配置静态资源路径 module.exports = { publicPath: './', // 静态资源路径（默认/，打包后会白屏） ..
webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token punc «(», expected punc
06-06
这个问题可能是因为 ...这样修改之后，webpack 打包压缩 ES6 文件时，就会先使用 babel 将其转换成 ES5 代码，再使用 UglifyJs 进行压缩，就不会再出现 `Unexpected token punc «(», expected punc` 的错误了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值