Laravel預置React：執行`npm run dev`時遇到的問題

我在使用Laravel 5.5中的React時遇到了一些問題。每次我添加或更改組件時，都必須運行npm run dev來編譯這個東西。當我這樣做時，css/app.css的內容得到重置，所以我不能將樣式寫入此文件。Laravel預置React：執行`npm run dev`時遇到的問題

樣式不變，如果我在另一個CSS文件中有它們，但我希望我的主要樣式用css/app.css編寫。

我該怎麼做？

你不應該在'css/app.css'文件中添加樣式。每次編譯資源時都會生成該文件。 – Jackowski

@Jackowski對於一個愚蠢的問題抱歉抱歉，但是如果每次資產編譯時自動生成，那麼它爲什麼會存在？ –

每次運行'npm run dev'時，您的樣式資產都會聚合在一個文件中（'css/app.css'）。這種方式在你的html文件中，你只需要將這個文件添加到文檔的頭部，你就可以訪問所有的樣式。 – Jackowski

將所有CSS樣式保存在資源目錄中的文件中，並將以下代碼添加到webpack.mix.js文件的末尾。

mix.styles('path to your css file in resources directory', 'public/css/app.css');

如果您正在使用sass使用下面的代碼

mix.sass('path to your css file in resources directory', 'public/css/app.css');

你也沒有必要運行每次更改您的組件的時間npm run dev。只需運行npm run watch，如果有任何更改，它將持續查找更改並重新編譯組件。

2017-10-13 18:04:05

回答