uglifyjs报错 webpack_vue使用uglifyjs-webpack-plugin后打包报错
楼主最新对已做项目进行打包优化,配置了打包环境下去除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/about.e1f1ea37.js:13062,0]
ERROR Build failed with errors.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! thua@0.1.0 build: `vue-cli-service build --mode production`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the thua@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/chenya/.npm/_logs/2019-01-15T02_10_12_281Z-debug.log
把new UglifyJsPlugin插件注释掉即可成功打包。
但是,楼主我一点都不乐意,凭啥不让我用UglifyJsPlugin插件!
于是不求人的我开始上网查资料,搜索Unexpected token: keyword (const),搜索列表点第一个进去看,大致说是因为项目有的文件没有es6转es5,即还存在const变量名。
????(黑人问号)。我特么的,我的vue配置是自动用babel把es6转es5的呀,搞锤子呢。
于是脑洞回想一下,是不是哪里有文件打包进去没有用到babel???
咦。。。。。。。是不是,。。那个。。。。node_modules下的依赖。。。。。
再仔细想想,看看代码,,,cao。。。。。有一个animejs(用于动效)、还有一个vue-particles (canvas用于登录页背景特效)
妈个锤。找到问题了,下一步就是如何显示的把node_modules下的依赖用babel 转译。
楼主用的vue-cli3脚手架,翻山越岭的查找vue-cli3的官方资料,终于找到你。。。。。
transpileDependencies
Type: Array
Default: []
默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖,可以在这个选项中列出来。
还好我没放弃~~~~
transpiledependencies参数接受一个数组,数组里可以是字符串也可以正则表达式。
附上楼主的配置
transpileDependencies: [
'vue-particles',
'animejs'
],
完美解决
开开心心下班回家~~~~~
2020年06月11日08:57:07 更新
楼主已弃用 uglifyjs-webpack-plugin 插件啦。现在用的是 terser-webpack-plugin
uglifyjs报错 webpack_vue使用uglifyjs-webpack-plugin后打包报错相关推荐
- Unity集成穿山甲后打包报错android:networkSecurityConfig , Picked up JAVA_TOOL_OPTIONS:-Dfile.encoding=UTF-8
Unity集成穿山甲4.0SDK后打包报错 , /Users/-/Temp/gradleOut/unityLibrary/src/main/AndroidManifest.xml:31:3-138:1 ...
- 【Android开发遇错】Android studio 添加jar后编译报错Error converting bytecode to dex: Cause: Dex cannot pars
** 添加了一个mysql-connector-java-5.1.38-bin.jar然后编译就报错了 ** 错误信息如下: Error:Error converting bytecode to de ...
- webpack 设置别名后 tslint报 TS(2307)错误
项目中使用路径别名可以使代码简洁清晰,但当webpack 别名与TypeScript 相遇时,问题就来了,报出如下错误: 我在webpack中设置的别名为: 那么该怎么解决这个问题呢? 就是在tsco ...
- vue打包报错 ERROR in static/js/0.4403c1dd262870db3c27.js from UglifyJs TypeError: Cannot read property ‘
打包报错 ERROR in static/js/0.4403c1dd262870db3c27.js from UglifyJs TypeError: Cannot read property 'sec ...
- uglifyjs报错 webpack_webpack3里使用uglifyjs压缩js时打包报错的解决
环境:webpac<4的下,安装uglifyjs.cnpm install uglifyjs-webpack-plugin -D 安装完毕后,去npm里查看uglifyjs的使用方法并添加到代码 ...
- vue-cli webpack 打包报错:Unexpected token: punc (()
本来项目完美打包,后来我增加了一个插件vue-ionicons,打包build就是报错: ERROR in static/js/8.017e5cf2d2f1a552890d.js from Uglif ...
- webpack 用 webpack-parallel-uglify-plugin 加速打包报错
从新拉了份代码.npm install .npm run dev 都没有问题,但是npm run build 就报上面的错误了 查了好多资料,都没有解决上面的问题,也不知道是哪里出了问题,但是可以肯定 ...
- Vue开启Gzip打包异常:webpack打包报错Cannot read property ‘emit‘ of undefined
Vue开启Gzip打包异常:webpack打包报错Cannot read property 'emit' of undefined 相关代码 const CompressionPlugin = req ...
- webpack打包---报错内存溢出javaScript heap out of memory
今天, npm run build打包时,又报内存溢出了.所以记录一下,之前查了博客有一些解释. "报错CALL_AND_RETRY_LAST Allocation failed - Jav ...
最新文章
- Oracle 优化器
- Hibernate3 第一天
- 『转载』在vs2008(2005)winform中,打开office文档
- SVN或其他网盘类软件同步图标不显示的异常
- 美团面试题:Hashmap的结构,1.7和1.8有哪些区别,深入的分析
- 要开始研究.NET了
- Servlet规范之Filter工作原理
- opencv 运动检测 二帧差法
- flashfxp3.41中文版注册码:(适合最新版本)
- 修复steam服务器失败怎么办,steam服务器失败
- 20170223找女朋友之路思考总结
- Unity中颜色空间(Color)HSV,HSB,HSL
- java端口扫描器 demo_端口扫描器的设计与实现(java)
- explain是mysql的关键字吗_mysql 中的explain关键字
- java 截取图片后缀
- 查询Products中单价(UnitPrice)最高的Products的资料;
- VUE中created被重复调用(每次进入页面之后都会调用created)
- G6信息门户连接不上服务器,G6客户端提示找不到服务器怎么回事 网是通 的
- 线性代数 --- 投影Projection与Cauthy-Schwarz柯西不等式(个人学习笔记)
- postgresql 杀不死的会话
热门文章
- flutter英语怎么说_美国人天天说的英语:“你搞反了”英语怎么说?
- r读取shape文件可视化_使用Python对大脑成像数据进行可视化分析
- docker搭建Redis的主从集群
- 锐龙版和linux有什么区别,华为MateBook D 14锐龙版Linux版价格为何这么便宜
- 双向关联一对一映射详解(2)
- SpringBoot实现的学生选课管理系统
- 基于JAVA+SpringMVC+Mybatis+MYSQL的酒店食品仓库管理系统
- python中MySQLdb模块用法实例
- Asp.net SignalR
- oracle初始化化表空间用户权限