vue-cli编译es6失败

在使用vue-cli的npm run build打包时,uglifyjs报错,查了一下是因为不支持压缩es6语法,然后看了打包后的vendor文件,当中含有es6语法,可能是babel编译失败
图片描述

图片描述

图片描述

babelrc文件

如上,vendor文件中还有class存在,应该是编译失败了,这样如何找到问题并解决?

阅读 8.4k
5 个回答

最近使用了支持压缩ES6的uglifyjs,解决了这个问题。
地址是这个 https://www.npmjs.com/package...
用法注释webpack.prod.conf.js中的以下代码,换成新的这个插件即可。

/* new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      },
      sourceMap: true
    }), */
    new UglifyJsPlugin({
        test: /\.js($|\?)/i
    }),

大兄弟这个问题解决了吗 我也遇到这个问题

{
  "presets": [
    "es2015",
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

在webpack.base.conf.js文件中

clipboard.png
添加报错文件的路径,如图。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进