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

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

如果我将它们放在另一个CSS文件中,样式会保持不变,但我' 我喜欢用css / app.css编写我的主要样式。 </ p>

我该怎么做?</ p>
</ div>

展开原文

原文

I have some issues with using React in Laravel 5.5. Every time I add or make changes to a component, I have to run npm run dev to compile the thing. When I do this the contents of css/app.css get reset, so I cannot write styles to this file.

Styles get unchanged if I have them in another CSS file, but I'd like to have my main styles written in css/app.css.

How can I do this?

dongmi3203
dongmi3203 每次运行npmrundev时,您的样式资产都聚合在一个文件中(css/app.css)。这种方式在您的html文件中,您只需将此文件添加到文档的头部,您就可以访问所有样式。
大约 3 年之前 回复
douzai8285
douzai8285 抱歉这是一个愚蠢的问题,但如果它是每次编译资产时自动生成的,那么为什么它甚至存在?
大约 3 年之前 回复
dongtou2016
dongtou2016 您不应该在css/app.css文件中添加样式。每次编译资产时都会生成该文件。
大约 3 年之前 回复

1个回答



将所有css样式保存在资源目录中的文件中,并将以下代码添加到 webpack.mix的末尾。 js </ code>文件。</ p>

  mix.styles('资源目录中'css文件的路径','public / css / app.css'); 
< / code> </ pre>

如果您使用 sass </ code>,请使用以下代码</ p>

  mix.sass('path 到资源目录中的css文件','public / css / app.css'); 
</ code> </ pre>

此外,您无需运行 npm run dev < / code>每次更改组件时。 只需运行 npm run watch </ code>,如果发生任何变化,它将不断查找更改并重新编译组件。</ p>
</ div>

展开原文

原文

Keep all your css styles in a file in your resources directory and add the below code to end of your webpack.mix.js file.

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

If you are using sass use the below code

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

Also you no need to run npm run dev each time you make changes to your components. just run npm run watch and it will continuously look for changes and re-compile the components if anything is changed.

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐