昨天打包vue工程的时候突然出现下面的错误:
===================================================================================
ERROR in static/js/app.d906119eedb53628d1bf.js from UglifyJs
Unexpected token: punc (() [static/js/app.d906119eedb53628d1bf.js:121,6]
Build failed with errors.
npm ERR!code ELIFECYCLE
npm ERR!errno 1
npm ERR! jx-plan@1.0.0 build: `node build/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the jx-plan@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
===================================================================================
网上很多解决方法都说得不完整,最后在这里找到了真正有效的解决方案:
https://segmentfault.com/a/1190000011212544
(感谢这位大神分享)
其实就是三个步骤:
1、检查并安装 es2015
cnpm install --save babel-preset-es2015
2、配置webpack.base.conf.js
{ test: /\.js$/, loader: 'babel-loader', options: { presets: ['es2015'] }, include: [resolve('src'), resolve('test')] },
3、添加.babelrc配置文件
这里是一个关键点,很多人在这里没有找到正确的添加位置,正确的位置应该是在工程的根路径下面(package.json所在路径),新建.babelrc文件,然后加上配置内容:
{ "presets": ["es2015"] }
最后再运行: cnpm run build / npm run build 就成功了。