2017-01-20 2 views
8

Ich habe einen Ordner in meinem Projekt in eslintrc gelöst werden main, dass ich wie ein Modul bin zu lösen. Zum Beispiel import x from 'main/src' Importe main/src/index.js. Dies geschieht durch die Alias-Konfiguration des Webpacks.Wie man manuell einen Pfad in dem

Ein Problem, das ich habe, ist die Beseitigung der Fehler über eslint. Ich weiß, dass eslint ein webpack resolve plugin anbietet, aber ich habe Probleme damit, es zum Laufen zu bringen. Ich vermute es liegt daran, dass ich auf Webpack 2 bin und es6 in meinen Webpack-Konfigurationsdateien verwende.

Gibt es eine manuelle Möglichkeit, eine Lösungseinstellung zu schreiben, die dieses Problem für mein eslint behebt?


Die einzige andere Hack, den ich Arbeit gesehen habe import/core-modules verwendet, aber dann muss ich main/src/bar, main/src/foo jeden Ordner im Unterverzeichnisbaum auflisten. Dies wäre nicht ideal.

Antwort

24

Ich denke, der Link unten hilft Ihnen. Sie können auflösende Verzeichnisse mithilfe von config hinzufügen.

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

Zum Beispiel, wenn Sie src/ lösen möchten, können Sie wie unten auf .eslintrc schreiben.

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

Dann ESLint Entschlossenheit von src. Sie können src/hoge/moge.js anfordern, indem Sie const moge = require('hoge/moge'); schreiben und ESLint weiß es.

+0

ESLint Konfiguration ist ungültig: \t - Unerwartete Top-Level-Eigenschaft "Einstellungen". – stevematdavies

+0

Große Lösung für die Auflösung in WebStorm IDE, aber Webpack versucht, diese Module zu installieren: 'importieren {STATE_FICHE als initialState} aus 'Daten-srtuctures/fiche';' Webpack sagt: 'Installieren von Daten-srtuctures ...' und scheitert. Gibt es Lösungen für Webpack2? –

Verwandte Themen