vue-echarts npm run build 编译生产版本报错 UglifyJs

在使用vue-echarts的项目中,执行npm run build时遇到UglifyJs编译错误。原因是UglifyJs不支持ES6语法,而vue-echarts组件中可能含有ES6特性。解决方案是在webpack配置文件中调整babel-loader的排除规则,避免对/node_modules/目录下的.js文件进行转换,从而成功打包。
摘要由CSDN通过智能技术生成

问题描述:  webpack构建vue项目, 使用 vue-echarts组件时, npm run build 编译生产版本报错

ERROR in 0.build.js from UglifyJs

Unexpected token: name (raf) [./node_modules/resize-detector/esm/index.js

909631-20181114111445189-75755250.png

原因:  由于 UglifyJs 只支持 ES5 而 vue-echarts可能引入了一部分 ES6 的写法,所以导致 webpack 打包失败。

解决:  webpack.config.js 配置删除下面这句, exclude 表示/node_modules/ 目录下的 .js 文件不要进行 babel-loader ,  覆盖了上一句 include 的设置

image.png

修改 webpack.base.config.js 配置:

resolve('node_modules/vue-echarts'),// 此处加上不报错es6
resolve('node_modules/resize-detector')
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值