webpack打包时出错:ERROR in index.js?c20a42392c6d1abf69df from UglifyJs Unexpected token: punc (()

vue项目中使用elementUI官方模版构建的项目,打包时出错:

ERROR in index.js?c20a42392c6d1abf69df from UglifyJs
Unexpected token: punc (() [src/assets/components/home.vue:124,0][index.js?c20a42392c6d1abf69df:12038,6]

百度后知道了是因为缺少ES2015的语法解析。

解决方法:

1:cmd终端中输入:

npm install --save babel-preset-es2015

2:使用下面的代码替换掉原来的{test: /\.js$/,use: ["babel-loader"],exclude: /node_modules/},

{
  test: /\.js$/,
  loader: 'babel-loader',
  options: {
        presets: ['es2015']
   },
  include: [resolve('src')]
},

3:在项目根目录下(与package.json同级),新建.babelrc文件,文件内容为:

{
  "presets": ["es2015"]
}

4:终端中打包:

npm run build

5:附:引用来源于传送门

猜你喜欢

转载自blog.csdn.net/bamboozjy/article/details/81198734
今日推荐