エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
エイリアスを設定して楽にimportできるようにする - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
エイリアスを設定して楽にimportできるようにする - Qiita
Reactを書いていると、コンポーネントやReduxのstoreなど様々な単位でディレクトリを分けることになる。... Reactを書いていると、コンポーネントやReduxのstoreなど様々な単位でディレクトリを分けることになる。 分けることで、ファイル自体のコード量が少なくなったり、責務が明確になってメリットが多い。 しかし、ディレクトリをバンバン切っていくと、import時に'../../../../../Header'のような「.」地獄が発生する。 正直、相対パスでたどるのが難易度が高い。 エディタのパス補完があっても、ときどき..が多くなったり、少なくなったりして「見つからないよ」とエラーが出る。 もうたくさんなので、エイリアスを設定して楽にimportできるようにした。 Webpack まずは、Webpackに設定する。 このように記述することで、import Something from "@/hoge/fuga/Piyo"でインポートできるようになる。 @はsrcディレクトリの同義なので、上