Laravel预设React：执行`npm run dev`时遇到的问题

Question

我在Laravel 5.5中使用React时遇到了一些问题。每次我添加或更改组件时，我都必须运行npm run dev来编译。当我这样做时，css / app.css的内容会被重置，所以我无法在这个文件中写样式。

如果我将样式保存在另一个CSS文件中，样式将保持不变，但我希望我的主要样式用css / app.css编写。

我该怎么做？

Answer 1

将所有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，如果发生任何变化，它将不断寻找变化并重新编译组件。