项目中有块功能用Vue+laravel-mix方式，引入了第三方组件库element-ui（饿了么），dev方式可以正常编译，可等到生产环境(PRod)时一直编译不通过。

初步分析是由于element-ui组件库存在ES6代码，UglifyJs无法做压缩引起，百度下解决方式

研究了下laravel-mix的源码

在package同级目录下的webpack.mix.js中加上这段：

mix.webpackconfig({
  module: {
    rules: [
      {
        test: /.jsx?$/,
        include: /(node_modules/element-ui)/,
        use: [
          {
            loader: 'babel-loader',
            options: {
              presets: 'vue-app',
              plugins: [
                ["component", [
                  {
                    "libraryName": "element-ui",
                    "styleLibraryName": "theme-default"
                  }
                ]],"transform-vue-jsx"]
            }
          }
        ]
      },
    ]
  }
});

最后编译：

正如预期，报错不在出现，编译通过~！

总结： laravel-mix方式给webpack配置带来便利，但还是有一定的门槛，对于我这种刚尝试用vue+webpack做项目的新手有一定的难度！