如何在 Laravel 5 中将 CSS 文件添加到 app.css？答案

【问题标题】：How to add CSS files to app.css in Laravel 5?如何在 Laravel 5 中将 CSS 文件添加到 app.css？
【发布时间】：2015-03-02 06:40:18
【问题描述】：

我使用 Laravel 5 和 Elixir。

我有app.scss，它导入_bootstrap.csss（由bower安装），这些文件被编译成一个文件public/css/app.css。

另外，我在其他依赖项中有一些 CSS 文件（由 bower 安装），我想将它们添加到 public/css/app.css。

我该怎么做？

【问题讨论】：

【解决方案1】：

首先您需要将.css 文件重命名为.scss 文件，然后您可以使用与导入_bootstrap.scss 相同的方法将新的.scss 文件导入app.scss 文件。

@import "path/to/css/file.scss";

【讨论】：

此文件与 bower 一起安装。这是一个依赖。我不应该重命名或修补依赖文件。
没错，我没有在你的问题中注意到这一点。过去我创建了一个新的scss 文件并导入了app.scss 和其他我想在CSS 文件中编译的CSS/SCSS 文件。

【解决方案2】：

在您的 app.scss 文件中，您可以导入 .scss 和 .css 两种格式

要导入 SCSS 文件，这是 sintax：（不带扩展名）

@import '~bootstrap/scss/bootstrap';

要导入 CSS 文件，您必须添加 .css 扩展名

@import "~jquery-ui/themes/base/core.css";

【讨论】：