包含单独的Sass文件的语法?

CSS

Sam猴子

2020-03-19

我无法确认此语法是最佳实践。我想引用一个外部Sass文件,并将其添加到我的最终CSS文件之前,这样,我的Sass工作表看起来更加干净,我仍然只发出一个HTTP请求。

例如,采用“规范化”代码并将其放入.sass文件,然后在我的sass表中简单地引用它:

@import src/normalize
@import src/droidSans

rest of code here.....

到目前为止,它仍然可以正常工作,但是如果我朝着正确的方向前进,我什么都找不到。而且我暂时只是在制作静态模板...目前不使用Rails。

我和Sass在一起玩了几个小时,我喜欢它!!!

第2301篇《包含单独的Sass文件的语法?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
小小老丝 2020.03.19

为了防止将部分文件转换为自己的CSS文件,请在文件名前添加下划线_normalize.scss然后,您可以按照已完成的操作导入它:

@import "normalize";

或一次导入许多文件:

@import "normalize", "droidSans";

或从相对目录导入:

@import "folder/file"

注意使用双引号和分号;我正在使用SCSS语法,这是SASS单词的后续开发。虽然两种样式均有效,但您可能会发现自己更喜欢一种样式,这取决于您所使用的其他语言。

可以文档的“ 指令/部分”下找到更多内容

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android