Laravel预设反应:执行“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，它将不断查找更改并在发生任何更改时重新编译组件。