element-ui打包的坑爹之处！！！必看三遍！！！

最新推荐文章于 2024-01-19 00:34:33 发布

转载最新推荐文章于 2024-01-19 00:34:33 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lhl66/p/7873435.html

文章标签：

#ui #javascript #前端 #ViewUI

本文解决了使用Element-UI组件库时，在项目打包过程中遇到的UglifyJs错误。通过调整webpack配置文件中的include路径，确保正确引用了Element-UI源文件。

最近笔者打包element-ui出现如下问题：

ERROR in static/js/0.4cad92088cb8dc6e7afd.js from UglifyJs
Unexpected token: punc (() [./~/_element-ui@1.4.10@element-ui/packages/row/src/row.js:24,0][static/js/0.4cad92088cb8dc6e7afd.js:496,9]

ERROR in static/js/1.09dee4594487889c4524.js from UglifyJs
Unexpected token: punc (() [./~/_element-ui@1.4.10@element-ui/packages/row/src/row.js:24,0][static/js/1.09dee4594487889c4524.js:511,9]

ERROR in static/js/2.94e8ce8144ca11abff4c.js from UglifyJs
Unexpected token: punc (() [./~/_element-ui@1.4.10@element-ui/packages/row/src/row.js:24,0][static/js/2.94e8ce8144ca11abff4c.js:496,9]

ERROR in static/js/8.d374e413b093a5ae555a.js from UglifyJs
Unexpected token: operator (>) [./~/_element-ui@1.4.10@element-ui/src/mixins/emitter.js:2,0][static/js/8.d374e413b093a5ae555a.js:89,32]

  Build failed with errors.

解决：找到node_modules目录下面的element-ui目录的名字在build下面的------->webpack.base.conf.js里面配置：

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