[解決済み] create-react-appで相対パスのインポート（/../../.../redux/action/action1）を使用しない方法

質問

create-react-appパッケージを使用してreactのウェブサイトを作成しています。コンポーネント、リソース、reduxなどをインポートするために、アプリ全体で相対パスを使用していました。 import action from '../../../redux/action

私は モジュールアリス npm パッケージを使用してみましたが、成功しませんでした。私はフォルダ名またはエイリアス（すなわち絶対パス）に基づいてインポートするために使用できるプラグインはありますか？

例えば.., import action from '@redux/action' または import action from '@resource/css/style.css'

どのように解決するのですか？

というファイルを作成します。 .env というファイルをプロジェクトルートに作成し、そこに書き込みます。

NODE_PATH=src

その後、開発用サーバーを再起動します。の中にあるものは何でもインポートできるはずです。 src の中にあるものは、相対パスなしでインポートできるはずです。

注意：フォルダを src/redux というのは redux がアプリを指しているのか、ライブラリを指しているのかが分からなくなってしまうからです。代わりに、あなたのフォルダを src/app からインポートすることができます。 app/... .

のようなカスタム構文は意図的にサポートしていません。 @redux のようなカスタム構文は、Node 解決アルゴリズムと互換性がないため、意図的にサポートしています。