uglifyjs报错 webpack_vue 解决uglifyjs-webpack-plugin打包出现报错的问题

最新推荐文章于 2024-05-14 11:43:41 发布
最新推荐文章于 2024-05-14 11:43:41 发布
阅读量884 收藏
点赞数 1
文章标签： uglifyjs报错 webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39683172/article/details/111551201
版权

楼主最新对已做项目进行打包优化，配置了打包环境下去除console.log语句插件---使用uglifyjs-webpack-plugin

具体代码如下

npm install uglifyjs-webpack-plugin -D

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

configureWebpack: config => {

if (isProduction) {

config.plugins = config.plugins.concat(

[

new UglifyJsPlugin({

uglifyOptions: {

compress: {

warnings: false,

drop_debugger: true,

drop_console: true,

},

},

sourceMap: false,

parallel: true,

})

]

)

}

然后打包发现报错

⠧ Building for production...

ERROR Failed to compile with 1 errors 上午10:10:12

error

assets/js/about.e1f1ea37.js from UglifyJs

Unexpected token: keyword (const) [assets/js/abo

最低0.47元/天 解锁文章
weixin_39683172
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uglifyjs报错 webpack_用webpack的uglifyJS压缩ES6代码报错
weixin_39915081的博客
12-20 497
问 题不能用webpack压缩ES6的代码吗？去掉ES6代码就正常了出错的代码处，都是对象属性简写，箭头函数等ES6代码module.exports = {mounted(){this.ready = true} //出错代码行}补充：下载的npm包都是刚下的再次补充：发现问题出在babel没把代码转成ES5"babel-core": "^6.17.0","babel-loader": "^6.2...
关于webpack打包插件uglifyjs-webpack-plugin报错
mrhaoxiaojun的博客
09-10 5023
项目进行打包优化，配置了打包环境下去除多语言的输出，代码如下： const UglifyJsPlugin = require('uglifyjs-webpack-plugin') configureWebpack: (config) => { if (isProd) { const plugins = [] plugins.push( new UglifyJsPlugin ({ sourceMap: false,
vue-cli4打包最强优化（10M变300kb）
最新发布
2401_84152140的博客
05-14 444
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
uglifyjs报错 webpack_webpack 的 UglifyJSPlugin 一填参数就报错，怎么解决？
weixin_39970166的博客
01-30 132
正常运行的部分代码：const UglifyJSPlugin = require('uglifyjs-webpack-plugin');plugins: [new UglifyJSPlugin()]但是我一但给UglifyJSPlugin添加配置信息，运行就会报错，比如：plugins: [new UglifyJSPlugin({warnings: false})]无论填什么都报错，不知道哪儿出问...
webpack打包时UglifyJsPlugin出现`warnings` is not a supported option
wzp20092009的博客
05-08 1431
可能的写法 new UglifyJsPlugin({ uglifyOptions: { // 删除注释 output: { comments: false }, // 删除console debugger 删除警告 compress: { warnings: false, // 报错的写法 drop_console: true, // console drop_debugger: false, pure_funcs: ['console.lo
vue.config.js build打包UglifyJsPlugin清除控制台打印console.log，报错出现`warnings` is not a supported option
拿回忆下酒
03-16 1696
前端在开发过程中，为了调试方便经常会用到console.log，开发、测试环境有打印可以，但是生产环境最好不要有，毕竟不友好、也不太美观。 uglifyjs-webpack-plugin 上线到生产环境，我们希望把打印功能全部注销掉，一个个的去注销肯定不现实。既浪费精力，又浪费时间，而且还会有遗漏 这里我们借助 uglifyjs-webpack-plugin去实现 安装 cnpm i uglifyjs-webpack-plugin --save-dev vue.config.js引用 // vue.con
webpack打包文件不能引用_webpack 混淆压缩文件后不能引用 并报错 Object(...) is not a function汗血宝马...
weixin_29009501的博客
12-30 1039
需求封装一个自己写的js，想要混淆压缩后能够在别的项目直接调用尝试过程使用uglify-es6直接压缩混淆my.js，引入文件调用成功，无报错但是考虑到使用场景，还是需要先转成es5，于是先转成了es5，再使用uglifyjs压缩，这个时候引用报错exports is not defined。查阅资料以后得知是bable在将es6转为es5的时候会转成CommonJS，而浏览器不能直接使用，通常还...
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
10-14
这段代码会告诉`babel-loader`去处理`animejs`和`vue-particles`这两个库的ES6代码，从而解决`uglifyjs-webpack-plugin`的报错问题。 总结来说，当遇到`uglifyjs-webpack-plugin`打包Vue项目时的ES6语法错误，应...
基于 vue-skeleton-webpack-plugin 的骨架屏实战
11-30
【Vue 骨架屏实战】本文以"基于 vue-skeleton-webpack-plugin 的骨架屏实战"为主题，探讨如何在Vue项目中实现骨架屏以优化页面加载体验。骨架屏，即Skeleton Screen，是在页面内容完全渲染之前，展示页面结构的静态...
vue-builder-webpack-plugin:Webpack插件自动构建vue文件
05-13
vue-builder-webpack-plugin Webpack插件自动构建vue文件在处理vue文件时，编辑器是否存在问题？ 这个给你您是否要分离vue文件？ 这个给你您只是不喜欢拥有vue文件？ 这个给你您可以使用此插件自动生成.vue文件。...
记录项目使用webpack-parallel-uglify-plugin报错Maximum call stack size exceeded
weixin_42381896的博客
12-01 1432
因项目中使用uglifyjs-webpack-plugin的单线程压缩，所以导致项目打包很慢，而我用不想每次都等这么久。所以打算使用webpack-parallel-uglify-plugin，从而引发了一些问题，就把它记录下来 重现步骤 npm i webpack-parallel-uglify-plugin 引入组件，然后根据问题，将原有的uglifyjs-webpack-plugin压缩的代码 new webpack.optimize.UglifyJsPlugin({ //代码编译后压
Vue篇——uglifyjs-webpack-plugin的使用
J-April的博客
03-04 2476
在项目发布之前，需要对js等文件进行压缩处理 使用第三方插件 npm install uglifyjs-webpack-plugin@1.1.1 --save-dev 修改webpack.config.js文件 const uglifyJsPlugin=require('uglifyjs-webpack-plugin') plugins: [ ... new uglifyJsPlugin() ] ...
vue 配置【详解】 vue.config.js （ 含 webpack 配置 ）
热门推荐
朝阳39的博客
01-14 1万+
目录 常用配置 完整配置 使用vue-cli 3.x 脚手架创建的 vue 项目不再有 build文件夹，若需要进行相关配置，需在项目目录下新建文件vue.config.js 常用配置 // 后端服务器地址 let url = 'http://localhost:8888' module.exports = { publicPath: './', // 【必要】静态文件使用相对路径 outputDir: "./dist", //打包后的文件夹名字及路径 devS..
uglifyjs报错 webpack_UglifyJs打包压缩问题引起的思考
weixin_42355744的博客
12-29 619
问题背景最近做了一个webapp项目，qa用手机测试功能时，在iphone6plus上表现是白屏，其他手机目测是ok的；因为之前在测试其他项目时也发现在这个iphone6上表现与其他手机不太一样。于是当时以为这个手机出了什么问题，或者其版本过低；就不放在心上。然而这次白屏的影响还是要加以重视，于是在空闲的时候主动看了下，用VSCosole查看了日志信息，控制台报了一个警告信息：unexceptio...
【解决】ERROR in xxx.js from UglifyJs
weixin_33725270的博客
09-17 1679
当我们运行打包脚本npm run build或者打包iosweexpack build ios有可能会遇到以下报错 ERROR in index.js from UglifyJs 这是因为webpack在打包vue文件时没有成功转换ES6的语法 解决方法 解决方法很简单，加入babel-preset-es2015插件即可1、安装依赖包 ...
关于 webpack 总结
csp123258的专栏
03-20 1414
关于 webpack 在windows安装总结 目录 关于 webpack 在windows安装总结 1、安装webpack 查看webpack的可用版本号 npm view webpack versions 安装指定版本的webpack npm install webpack@4.10.1 -g 2、安装webpack-cli 查看webp...
uglifyjs报错 webpack_webpack3里使用uglifyjs压缩js时打包报错的解决
weixin_39626089的博客
12-20 1119
webpack3里使用uglifyjs压缩js时打包报错的解决环境：webpac<4的场景下，安装uglifyjs。cnpm install uglifyjs-webpack-plugin -D安装完毕后，去npm里查看uglifyjs的使用方法并添加到代码中：const UglifyJsPlugin = require('uglifyjs-webpack-plugin')module.ex...
webpack打包报错 from UglifyJs Unexpected token: operator (>)
ccxh505398633的博客
10-11 6695
一次webpack打包后失败报 ERROR in assets/js/chunk.5.4c9ea1671f8ab4bb1662.js from UglifyJs Unexpected token: operator (>) [assets/js/chunk.5.4c9ea1671f8ab4bb1662.js:5442,43] ERROR in assets/js/chunk.13.4c9...
webpack/lib/RequestShortener
新技术革命
05-23 1708
最近在学习webpack打包，遇到了一个小问题，在此记录一下。 据说最新版的webpack版本里面已经默认集成了uglifyjs，因此可以直接引用，并在webpack.dev.js中进行配置： const uglify = require('uglifyjs-webpack-plugin'); ...... plugins:[ new uglify() ], 然而我这里一直报错： Error: Cannot find module 'uglifyjs-webpack-p.
vue2 如何使用uglifyjs-webpack-plugin混淆代码
05-26
要在vue2中使用uglifyjs-webpack-plugin混淆代码，可以按照以下步骤进行操作： 1. 安装uglifyjs-webpack-plugin插件 ```bash npm install uglifyjs-webpack-plugin --save-dev ``` 2. 在webpack的配置文件中引入uglifyjs-webpack-plugin插件 ```javascript const UglifyJsPlugin = require('uglifyjs-webpack-plugin') ``` 3. 在webpack的配置文件中添加optimization选项 ```javascript module.exports = { // ...其他配置 optimization: { minimizer: [ new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, drop_console: true, // 去除console.log drop_debugger: true // 去除debugger } } }) ] } } ``` 这样就可以使用uglifyjs-webpack-plugin插件对代码进行混淆和压缩了。注意：混淆代码可能会导致某些代码无法正常运行，所以在使用前需要进行测试。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值