ElementUI 升级后打包报错,ERROR in xxx.js from UglifyJs
1、打包编译时,出现ERROR
2、解决方案
原因:由于 UglifyJs 只支持 ES5 而 element-ui 可能引入了一部分 ES6 的写法,所以导致 webpack 打包失败。
方案:用 bable 来解析 element-ui, 要完成此操作只需要修改前端文件夹下的build/webpack.base.conf.js 文件即可,修改如下:
// 修改前 rules: [ { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test')] } ]
// 修改后 rules: [ { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'), resolve('/node_modules/element-ui/src'), resolve('/node_modules/element-ui/packages')] } ]
相当于将 element-ui 加入需要 babel 解析的包中。之后再次执行 npm run build
成功。