2017-01-20 9 views
8

У меня есть папка в моем проекте main, которую я решаю как модуль. Например, import x from 'main/src' импорт main/src/index.js. Это делается с помощью конфигурации псевдонимов решения для веб-пакета.Как вручную добавить путь для решения в eslintrc

Проблема, с которой я сталкиваюсь, избавляется от ошибок через eslint. Я знаю, что eslint предоставляет плагин для решения webpack, однако у меня возникли проблемы с его работой. Я подозреваю, что это потому, что я нахожусь в webpack 2 и использую es6 в своих конфигурационных файлах для webpack.

Есть ли способ написать способ устранения проблемы, который исправляет эту проблему для моего eslint?


Единственный хак я видел работы с использованием import/core-modules, но тогда я должен перечислить все папки в подкаталоге дерева main/src/bar, main/src/foo. Это было бы не идеально.

ответ

24

Я думаю, что эта ссылка ниже поможет вам. Вы можете добавить разрешающие каталоги с помощью config.

https://github.com/benmosher/eslint-plugin-import#resolvers

Например, если вы хотите разрешить src/, вы можете написать, как показано ниже на .eslintrc.

{ 
    "settings": { 
    "import/resolver": { 
     "node": { 
     "paths": ["src"] 
     } 
    } 
    } 
} 

Затем ESLint решит из каталога src. Вы можете потребовать src/hoge/moge.js, написав const moge = require('hoge/moge'); и ESLint знает это.

+0

Неверная конфигурация ESLint: \t - Неожиданные свойства «верхнего уровня» верхнего уровня. – stevematdavies

+0

Отличное решение для решения в среде WebStorm IDE, но webpack пытается установить эти модули: 'import {STATE_FICHE as initialState} из 'data-srtuctures/fiche';' webpack говорит: 'Установка данных-srtuctures ...' и не удается. Есть ли какие-либо решения для Webpack2? –