语法包含单独的Sass文件？

Question

我不能确认这种语法是最佳实践.我想引用一个外部Sass文件并将它添加到我的最终CSS文件中,这样我的Sass表看起来更干净,而我只是仍然只发出一个HTTP请求.

例如,取"normalize"代码并将其放入.sass文件中,然后在我的sass表中简单地引用它:

@import src/normalize
@import src/droidSans

rest of code here.....

它到目前为止工作正常,但如果我朝着正确的方向前进,我找不到具体的东西.此外,我只是暂时制作静态模板......目前还没有使用Rails.

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

Answer 1

为了防止您的部分转换为自己的css文件,请在文件名前加下划线,_normalize.scss.然后你可以按照你已表明的方式导入它:

@import "normalize";

或者一次导入多个文件:

@import "normalize", "droidSans";

或者从相对目录导入:

@import "folder/file"

注意使用双引号和分号; 我正在使用SCSS语法,这是SASS字的后续开发.虽然这两种风格都是有效的,但您可能会发现自己更喜欢一种风格,这取决于您涉及的其他语言.

可以在文档中的Directives/Partials下找到进一步的阅读.