在SCSS文件中导入常规CSS文件?

无论如何用Sass的@import命令导入常规CSS文件? 虽然我没有使用sass的所有SCSS语法,但我仍然喜欢它的组合/压缩功能,并希望能够使用它,而无需将所有文件重命名为* .scss


看起来这是未实现的,截至本文撰写时:

https://github.com/sass/sass/issues/193

对于libsass(C / C ++实现),导入对*.css的作用与*.css文件相同 - 只是省略了扩展名:

@import "path/to/file";

这会导入path/to/file.css

看到这个答案进一步的细节。

查看Ruby实现(sass gem)的答案


在遇到同样的问题之后,我对这里的所有答案以及对github中sass仓库的评论感到困惑。

我只想指出,截至2014年12月,这个问题已经解决。 现在可以将css文件直接导入到sass文件中。 github中的以下PR解决了这个问题。

语法与现在相同 - @import "your/path/to/the/file" ,文件名后没有扩展名。 这将直接导入你的文件。 如果你在最后加上*.css ,它会转换成css规则@import url(...)

如果你正在使用的一些“花哨”的新模块捆扎机等的WebPack的,你可能会需要使用用途~在路径的开始。 所以,如果你想导入下面的路径node_modules/bootstrap/src/core.scss你会写一些类似
@import "~bootstrap/src/core"

注意:
看起来这不适合每个人。 如果你的解释器基于libsass应该工作正常(检查这个)。 我已经在node-sass上使用@import进行了测试,并且工作正常。 不幸的是,这个工程并不适用于某些ruby实例。


你必须在包含的CSS文件前加一个下划线,并将其扩展名切换为scss(例如: _yourfile.scss )。 那么你只需要这样称呼它:

@import "yourfile";

它将包含文件的内容,而不是使用CSS标准的@import指令。

链接地址: http://www.djcxy.com/p/63639.html

上一篇: Import regular CSS file in SCSS file?

下一篇: autocomplete in a file without project in netbeans