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

Question

I'm usig Snap.svg in Vue project, generated with Vue cli 3. Snap is added to vue.config.js as follows:

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();

  }
};

As well as to main.js

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

I'm using snap in my components without local import.

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

The library works as excepted, svg is generated, however i keep getting Eslint errors.

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

I want to keep using Eslint in all components, but configure it to ingore this kind of errors. Is it possible?

Answer 1

如果是单个文件，则可以将以下行放在文件顶部。

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