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

回答