Laravel 5.5でReactを使用する際にいくつかの問題があります。私がコンポーネントを追加または変更するたびに、私はnpm run devを実行してそのものをコンパイルする必要があります。これを行うと、css/app.cssの内容がリセットされるため、このファイルにスタイルを書き込むことはできません。Laravel preset React： `npm run dev`が実行されたときに発生する問題
スタイルは私が別のCSSファイルに入れても変更されませんが、私の主なスタイルはCSS/app.cssで書かれています。
どうすればいいですか？
すべてのCSSスタイルをresourcesディレクトリのファイルに保存し、webpack.mix.jsファイルの末尾に次のコードを追加します。
mix.styles('path to your css file in resources directory', 'public/css/app.css');
あなたは以下のコード
mix.sass('path to your css file in resources directory', 'public/css/app.css');
を使用sassを使用している場合、また、あなたnpm run devあなたのコンポーネントに変更を加えるたびに実行する必要はありません。 npm run watchを実行するだけで、何かが変更された場合、コンポーネントは継続的に変更を探し、コンポーネントを再コンパイルします。
'css/app.css'ファイルにスタイルを追加する必要はありません。このファイルは、資産をコンパイルするたびに生成されます。 – Jackowski
@Jackowskiは愚かな質問を申し訳なく思っていますが、資産がコンパイルされるたびに自動生成されているのであれば、なぜそれが存在するのでしょうか？ –
'npm run dev'を実行するたびに、スタイリングアセットは1つのファイル（' css/app.css'）に集約されます。あなたのhtmlファイルでこのようにすると、このファイルをドキュメントの先頭に追加するだけで、すべてのスタイルにアクセスできます。 – Jackowski