如何配置 Eslint 以忽略 Vue Cli 3 项目中的特定错误

Question

我在 Vue 项目中使用 Snap.svg，使用 Vue cli 3 生成。 Snap添加到vue.config.js如下：

module.exports = {
  chainWebpack: config => {
    config.module
      .rule("i18n")
      .resourceQuery(/blockType=i18n/)
      .type("javascript/auto")
      .use("i18n")
      .loader("@kazupon/vue-i18n-loader")
      .end();

    config.module
      .rule("snapsvg")
      .test(require.resolve("snapsvg"))
      .use("imports-loader?this=>window,fix=>module.exports=0")
      .loader("imports-loader")
      .end();

  }
};

以及main.js

const snap = require(`imports-loader?this=>window,fix=>module.exports=0!snapsvg/dist/snap.svg.js`);

我在没有本地导入的组件中使用 snap。

var s = Snap(this.paper["svg-wrap"]);

库正常工作，生成了 svg，但是我不断收到 Eslint 错误。

error: 'Snap' is not defined (no-undef) at src\components\subpageBanner.vue:246:21:

我想在所有组件中继续使用 Eslint，但将其配置为忽略此类错误。可能吗？

Answer 1

如果它是单个文件，那么您可以将以下行放在文件的顶部。

/*eslint no-undef: "warning"*/

如何配置 Eslint 以忽略 Vue Cli 3 项目中的特定错误

How to configure Eslint to ignore particular errors in Vue Cli 3 project

javascript

eslint

snap.svg

vue.js