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

Question

我是Vue项目中的usig 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，但将其配置为ingore此类错误。有可能吗？

Answer 1

如果它是一个单独的文件，那么你可以把下面这行放在你的文件的顶部。

​

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

​