webpack run build 报错:ERROR in static/js/vendor.js from UglifyJs

最近接手了一个项目,项目是vue+iview搭的框架,可以正常启动,可是打包的时候运行 npm run build 就报错,下面是报错:



然后网上查找了原因:

由于 UglifyJs 只支持 ES5 而 ui框架 可能引入了一部分 ES6 的写法,所以导致 webpack 打包失败

解决方法:

  module: {
      rules: [
          {
              test: /\.js$/,
              loader: 'babel-loader',
              include: [resolve('src'), resolve('test'),      
              resolve('node_modules/iview/packages'), 
              resolve('/node_modules/iview/src')]
          },
          ...
      ]
  }

这里相当于将 iview 加入需要 babel 解析的包中。如果你是其他的UI框架,你可以将iview换成其他的UI框架

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 10,680评论 4 31
  • webpack 是什么? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(mo...
    IT老马阅读 8,629评论 2 27
  • 好久没有写日记了。。。今天我专心学习webpack,跟着网上的文章请练完这16个webpack小例子翻译阮一峰大神...
    还有谁叫李狗蛋阅读 10,484评论 1 6
  • 在本章节中通过一个引入 Ladash 特定模块的实例来展示 Tree-shaking 在 Webpack 中的重要...
    Dabao123阅读 5,934评论 0 1
  • 那天和一个朋友聊天,她说很烦,自己夹在中间不知如何是好,害得晚上睡不着觉,细问才知原来是这样。 ...
    然子_50bd阅读 2,555评论 0 1