へっぽこびんぼう野郎のnewbie日記

けろけーろ(´・ω・`)! #vZkt8fc6J

相対パスでパスを解決するのをやめてプロジェクトルートでパスを解決しよう in create-react-app

相対パスでインポートするのまじだるお

今いる場所とか考えるのだるくね?ファイル移動したら死ぬぞ

import Header from '../../components/Header';
import Grid from '../../components/Grid';
import TransactionForm from '../TransactionForm';
import TransactionSummary from '../TransactionSummary';
import * as AppActions from '../../actions';

だからプロジェクトルートから見に行けるようにする!!!!

import Header from 'components/Header';
import Grid from 'components/Grid';
import TransactionForm from 'containers/TransactionForm';
import TransactionSummary from 'containers/TransactionSummary';
import * as AppActions from 'actions';

べんり

moduscreate.com

↑webpackだけを使ってる人はこれ

↓create-react-appを使ってる人はこれ

medium.com

プロジェクトのルートディレクトリに.envってファイルつくってNODE_PATH = 'src/'とか書いたらおわり(src/のところは自分のソースがあるパスに適宜かえてください)

めっちゃべんり。すごい。捗る

注意点としてはnode_modules下にあるやつと名前がかぶることがあるってことだなあ。誰かなんとかしてくれ