css - 使用 Grunt 时无法在 Bower 组件中找到 CSS 文件

Question

我正在尝试将 CSS 样式表从组件导入到 .sass 文件中。在这个例子中，组件是 bootstrap-select 并且导入看起来像这样:

@import 'bootstrap-select/bootstrap-select.css'

构建成功但浏览器找不到文件，我在浏览器中收到以下错误:

GET http://localhost:9000/styles/bootstrap-select/bootstrap-select.css 404 (Not Found)

为了在构建中包含 .css 文件，我需要设置什么特别的东西吗？

Answer 1

为了将文件的代码导入到您的 Sass 文件中，导入的文件需要以 .sass 或 .scss 结尾。如果文件以 .css 结尾，代码将不会被吸入，它只是创建 HTTP 请求的普通 CSS @import 语句。

只需复制您要导入的 css 文件，将文件结尾更改为 .scss 和 @import 该文件。然后 Sass 将吸收代码并用它替换 CSS 文件中的 @import 语句。