在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