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条目index.js:

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

Answer 1

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

如果您使用的是设计糟糕的库,其中类构造函数具有副作用(它不应该是这样),并且您不需要对类中返回的值执行任何操作,我将禁用该特定的eslint规则对于那些线.

/* eslint-disable no-unused-vars */

// 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',
});

/* eslint-enable no-unused-vars */