Question

我是Vue项目中的usig Snap.svg，由Vue cli 3生成。快照将添加到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`);

我在没有本地导入的情况下在组件中使用快照。

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项目中的特定错误

1 个答案: