0
create-react-appコマンドでReactプロジェクトを作成しました。webpackを使用しています。webpackを使用してnode-sassとsass-loaderでプロジェクトのルートフォルダへの参照を持たせる方法
SASSを使用するには、npm run ejectコマンドを使用して取り出す必要がありました。ローダーアレイ内にSCSSローダーを手動で追加する必要がありました。as explained here
これは私のリアクションで初めてのことですが、私はコンポーネントごとに.scssファイルをインポートすることになっています。にはコモンネイティブスタイルのアプローチを使用しています。
グローバル変数ファイルは~/my-project-folder/src/assets/styles/_variables.scssで、~/my-project-folder/src/scenes/Auth/Login/styles/login.scssからインポートしたいのですが、もちろん@import '../../../assets/styles/_variables.scss'のようにしたくありません。
フォルダ内のSASSファイルをこのように参照することができます：私のプロジェクトのルートディレクトリを参照する方法は何ですか、つまり~/my-project-folderです。