element-ui打包注意事项

最近使用element-ui打包时出现了失败问题,在此总结

问题一: 打包失败

失败信息如下:

ERROR in static/js/vendor.5e8a4b30ebc9acd80332.js from UglifyJs
Unexpected token: punc (() [./node_modules/_element-ui@2.15.1@element-ui/packages/row/src/row.js:24,0][static/js/vendor.5e8a4b30ebc9acd80332.js:135530,9]

  Build failed with errors.

 

解决方案:

打开路径 build->webpack.base.conf.js

在module: { rules: [   添加进去  ]}      rule中添加如下配置

      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [
          resolve('src'),
          resolve('test'),
          resolve('/node_modules/_element-ui@2.15.1@element-ui/src'),           //和下面截图文件名字对应起来即可正常打包！！！
          resolve('/node_modules/_element-ui@2.15.1@element-ui/packages')
        ]
      },

注意:

_element-ui@2.15.1@element-ui需要和node_modules中保持一致

 

问题二: 打包后图标显示失败

打开 build->webpack.prod.conf.js