css - SCSS : how to actually include the contents of a @include?

标签 css import sass gulp gulp-sass

我正从 Grunt 转向 Gulp 并注意到 gulp-sass不包括 @import "reset.css" 语句引用的文件内容。相反,它将 url 引用规范化为 @import url(reset.css)。我的意图是在我的 index.html 上有一个 CSS 引用,这将是我的 CSS 依赖项的串联。

这是一个简单的read-file-and-output-contents操作,但我敢打赌这已经实现了,我只是不知道在哪里可以找到它——我还是新手这个生态系统,不想花时间重新发明轮子

编辑:为此 related question 选择的答案使用 gulp-minify-css,而不是 gulp-sass。交换它们可能是一个短期的解决方案,但我更愿意避免我的新构建系统依赖不稳定的插件。此外,我实际上有使用 scss 的计划,因此我将不得不再次处理 gulp-sass。不过还是谢谢你的建议。

最佳答案

@import 实际上应该包括文件的内容,而不是引用它。听起来 SCSS 到 CSS 的转换可能无法正常工作。

关于css - SCSS : how to actually include the contents of a @include?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39486891/

相关文章:

postgresql - 如何将文本文件中的数据导入 postgres 数据库?

css - 编译不同 SCSS 文件的 Gulp 组合任务

css - Sass 错误 : selector groups may not be extended

javascript - 如何通过CSS规则控制Highchart.js Dom元素

JavaScript-更改输入标签颜色?

javascript - AngularJS 复杂表设计与 ngRepeat

javascript - 单击菜单项不会向下滚动到页面上的部分

javascript - 为什么重新分配导入的对象会抛出 ReferenceError?

ms-access - 在 VBA 中 Access 数据项目导入 CSV 文件

Sass compass 魔法 Sprite 事件状态