javascript - Eslint throws 被分配了一个值但从未使用过，webpack 模块

Question

我在 webpack 中导入脚本，一切正常，但 eslint 抛出错误 'modal is assigned a value but never used'。是否必须将 const 声明为全局变量或导出模块才能修复错误？

modules.vanillaModal.js :

import VanillaModal from 'vanilla-modal';

// Create instance
const modal = new VanillaModal({
  modal: '.c-modal',
  modalInner: '.js-modal__inner',
  modalContent: '.js-modal__content',
  open: '[rel="js-modal:open"]',
  close: '[rel="js-modal:close"]',
  class: 'js-modal--visible',
  loadClass: 'js-modal--loaded',
});

和我的 webpack 条目索引.js:

require('./modules.vanillaModal.js');

Answer 1

这是一个 eslint 规则 http://eslint.org/docs/rules/no-unused-vars .它可以防止您创建从未使用过的变量，这会导致代码困惑，或者可能意味着您使用的变量不是您认为的那样。

如果您使用的库设计不佳，其中类构造函数有副作用(这是不应该的)，并且您不需要对类的返回值做任何事情，我会禁用它使用 eslint disable comments 创建行的特定 eslint 规则:

// eslint-disable-next-line no-unused-vars
const modal = new VanillaModal({
  modal: '.c-modal',
  modalInner: '.js-modal__inner',
  modalContent: '.js-modal__content',
  open: '[rel="js-modal:open"]',
  close: '[rel="js-modal:close"]',
  class: 'js-modal--visible',
  loadClass: 'js-modal--loaded',
});

您还可以用特定于 eslint 的注释包装任何代码块，以禁用该 block 的规则:

/* eslint-disable no-unused-vars */
const modal = new VanillaModal({
    ...
});
/* eslint-enable no-unused-vars */