react、webpack：インポートステートメントで「..」を避ける

Question

私は現在反応しているので、es6/es7とwebpackを学習しています。

非常にpythonの背景から来て、私はインポートステートメントのためのフォルダに敏感なパス宣言、すなわち../../のインポートステートメントの使用に悩まされます。つまり、ファイルを別のディレクトリに移動すると、ファイルに宣言されているインポートステートメントを変更する必要があります。

Pythonのimportステートメントにはこの問題はありません。私はその行動を模倣したいと思います （この他のベースディレクトリを検索しない場合は、最初にこのパスの特定のディレクトリを検索します） 私は私のview1.jsxにディレクトリ構造

myApp 
    components 
     component1.jsx 
    stores 
     store1.jsx 
    views 
     view1.jsx 


node_modules 
    react 
    etc 

を持っている場合、私は、私は多分

import Component1 from 'components/component1' 

あるいは

import Component1 from 'myApp/components/component1' 

を書きたい

import Component1 from '../components/component1' 

書きたくはありません

私は名前colliを持っていないことを確認するだけですいくつかのnpmパッケージを使用しています。

ウェブパックでこれを達成する正しい方法は何ですか？エイリアスを使用していますか？

Answer 1

私は@zerkms勧告に従ってしまった。 resolve.modulesDirectoriesは行く方法です。

Answer 2

これを達成するためにローダーを書いたのですが、https://www.npmjs.com/package/future-require-loaderです。部分的なファイルパスを囲む3つの下の任意の場所にパスを自動ロードします___filename.js___。フォルダパスも許可します：___folder/filename.js___。競合が発生する可能性がある場合は、フォルダを含めるため、文字列を含む最初のファイルパスに一致するように試みます。