Я использую Snap.svg в проекте Vue, созданном с помощью 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`);
Я использую оснастку в своих компонентах без локального импорта.
var s = Snap(this.paper["svg-wrap"]);
Библиотека работает как исключение, генерируется svg, однако я получаю ошибки Eslint.
error: 'Snap' is not defined (no-undef) at src\components\subpageBanner.vue:246:21:
Я хочу продолжать использовать Eslint во всех компонентах, но сконфигурировать его, чтобы избежать ошибок такого рода.Возможно ли это?