Laravel 的第二个 app.css 文件的目的是什么?

问题描述

我正在学习 Laravel 8,我对 Resources\css\app.css 的目的感到困惑。 Resources 文件夹中的其他所有内容似乎都有其用途,但不仅此处的 app.css 文件是空的,向其中添加任何内容然后使用 npm run dev 进行编译也没有任何作用。

如果我在 Laravel 中使用的所有自定义 CSS 都需要放在 public\css 中,这就是我理解 Laravel 应该工作的方式,那么 Resources\css\app.css 的目的是什么?

解决方法

您应该将 CSS 写入 resources\css\app.css 中的文件。

然后使用 Laravel Mix 可能会编译、压缩它,并且可能会执行一些额外的步骤,例如清除未使用的 CSS 类(如果您使用 TailwindCSS 之类的东西)。 这个过程会替换public\css中的文件,所以不要直接把你的样式写到这个文件中。