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

Question

我使用Laravel 5和Elixir。

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

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

我该怎么做？

Answer 1

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

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

Answer 2

在app.scss文件中，您可以同时导入.scss和.css格式

要导入SCSS文件，这是罪魁祸首：（不带扩展名）

@import '~bootstrap/scss/bootstrap';

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

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