2017-01-20 7 views
8

私のプロジェクトには、モジュールのように解決しているフォルダmainがあります。たとえば、import x from 'main/src'main/src/index.jsをインポートします。これはwebpackのエイリアス設定を解決することによって行われます。手動で解決するパスをeslintrcに追加する方法

私が抱えている問題は、eslintでエラーを取り除くことです。私はeslintがWebpack解決プラグインを提供していることを知っていますが、私はそれを動作させるのに困っています。私はそれがwebpack 2にあり、webpack設定ファイルでes6を使用しているためだと思います。

私のeslintでこの問題を解決する解決策設定を手動で作成する方法はありますか?


私は仕事を見てきただけで、他のハックはimport/core-modulesを使用しているが、その後、私はサブディレクトリツリーmain/src/barmain/src/foo内のすべてのフォルダを一覧表示する必要があります。これは理想的ではないでしょう。

答えて

24

私は以下のリンクが役立つと思います。 解決方法ディレクトリを追加するには、configを使用します。あなたがsrc/を解決したい場合は

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

たとえば、あなたが.eslintrcに以下のように書くことができます。

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

次に、ESLintはsrcディレクトリから解決されます。 const moge = require('hoge/moge');と書くと、src/hoge/moge.jsを要求することができ、ESLintにはそれが分かります。

+0

ESLint設定が無効です。 \t - 予期しない最上位プロパティの "設定"。 – stevematdavies

+0

WebStorm IDEで解決するための優れた解決策ですが、webpackはこれらのモジュールをインストールしようとしています: 'data-srtuctures/fiche'から 'import {STATE_FICHE as initialState}; webpackは 'インストールデータ-srtuctures ... '失敗します。 Webpack2のソリューションはありますか? –

関連する問題