ERROR in index.js from UglifyJs(VUE打包时遇到的错误)

首先声明下,这篇文章是从百度看到的,没找到转载,所以粘贴进来。记录一下自己的错误

当我们运行打包脚本npm run build或者打包iosweexpack build ios有可能会遇到以下报错


这是因为webpack在打包vue文件时没有成功转换ES6的语法

解决方法

解决方法很简单,加入babel-preset-es2015插件即可
1、安装依赖包
$ npm install --save-div babel-preset-es2015

ps:babel-loaderbabel-core应该是默认装好的,如果没有安装,请重新安装

2、修改【webpack.config.js】配置文件
找到 /\.js$/的rules,进行修改

 {
        test: /\.js$/,
        use: [{
          loader: 'babel-loader',
          options: {
             presets: ['es2015']
          }
        }]
      }
3、根目录下添加【.babelrc】文件
文件内容:
{
  "presets": ["es2015"]
}

重试

重新运行打包脚本查看效果,指令视情况而定
$ npm run build
如果还不行,把node-modules删掉,在cnpm install



打个广告:淘宝天猫内部优惠群,加我微信拉你进群18801014156

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值