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

내 웹팩 항목 하는 index.js :

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

Answer 1

이는 eslint 규칙 http://eslint.org/docs/rules/no-unused-vars입니다. 사용하지 않는 변수를 만들지 못하게하여 코드가 복잡해 지거나 자신이 생각하는 것과 다른 변수를 사용하고 있음을 의미 할 수 있습니다.

클래스 생성자에 부작용이있는 (잘못 설계된) 라이브러리가 잘못 설계되어 있고 클래스의 반환 값에 대해 아무 것도 할 필요가없는 경우, 그 라인들에 대한 그 특정한 에스 클린트 규칙.

/* 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 */