Question

当我运行npm run build时，我会在不同的行中出现punc错误。

基本上它抱怨我在我的组件中声明功能的方式：

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

如果我只是将其更改为

data: function(){}

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

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

Answer 1

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

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

然后在你的src / build文件夹中搜索名为＆＃34; webpack.prod.conf.js＆＃34;

的文件

在import语句末尾添加

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

next覆盖名为＆＃34; new webpack.optimize.uglifyjsplugin＆＃34;的插件。使用以下代码

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

这对我有用;）

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

1 个答案: