在 Vue 构建脚本中忽略 Uglify 中的 ESLint 规则

【问题标题】：Ignore ESLint rule in Uglify in Vue build script在 Vue 构建脚本中忽略 Uglify 中的 ESLint 规则
【发布时间】：2018-03-16 11:27:47
【问题描述】：

当我运行 npm run build 时，我不断在不同的行中收到 punc 错误。

基本上它是在抱怨我在组件中声明函数的方式：

<script>
export default {
    data() {}
}
</script>

如果我把它改成

data: function(){}

它会起作用的。但要改变的地方太多了。

在这种情况下有没有办法忽略punc？

【问题讨论】：

因为Uglify只支持ES5，所以要不要加Babel把ES6编译成ES5？
不，我没有。只是vue-cli的基本配置
所以你必须添加 babel！

标签： vue.js vuejs2 vue-component eslint uglifyjs

【解决方案1】：

如果你使用的是 webpack。首先获取最新版本的 uglify 及其 webpack 插件

npm install uglify-es --save-dev
npm install uglifyjs-webpack-plugin --save-dev

然后在您的 src/build 文件夹中搜索名为“webpack.prod.conf.js”的文件

在导入语句的末尾添加

var UglifyJSPlugin = require('uglifyjs-webpack-plugin')

接下来使用以下代码覆盖名为“new webpack.optimize.uglifyjsplugin”的插件

new UglifyJSPlugin({
  uglifyOptions: {
    parallel: {
      cache: true,
      workers: true
    },
    compress: {
      warnings: false,
    },
    output: {
      comments: false
    }
  },
  sourceMap: true
}),

这对我有用；）

【讨论】：