将 Sass 与 Meteor 一起使用(了解注意事项)
using Sass with Meteor (understanding the caveats)
我对 Meteor 和 Sass 都是新手。如果这是一个有明显答案的问题,我深表歉意。
正在查看 sass 的 the basics。
我看到了一些很棒的功能,例如扩展 classes 和使用部分。但我很好奇如何将这些功能与 Meteor 集成。
Meteor 不会自动压缩并连接您所有的 CSS 吗?那么真的需要 partials
或者 @import
吗?
我的第二个问题是关于组织文件的。
假设我有一个 css class: .overlay
,我想创建一个名为 blah
的 class 扩展 overlay
,但是 blah
和 overlay
在不同的文件中。如果我不使用 import
(因为 Meteor 正在为我做)我是否应该确保 overlay
class 出现在我的 blah
class 之前将 overlay
声明的文件放在 client/lib
中,或者是否有一些我应该修改的配置文件?
您的第二个顾虑正是您应该使用导入的原因……不仅在 meteor 中,而且在一般情况下。在流星中,您的 .scss 文件按照与 javascript 文件 (http://docs.meteor.com/#/full/structuringyourapp) 相同的顺序进行处理和连接,这并不是那么直观。通过拥有一个导入所有其他 _*.css 文件的主 .scss 文件,您可以保证您的样式以所需的顺序列出,它们不会被意外覆盖,并且您不会不必担心以特定方式嵌套它们。
我对 Meteor 和 Sass 都是新手。如果这是一个有明显答案的问题,我深表歉意。
正在查看 sass 的 the basics。
我看到了一些很棒的功能,例如扩展 classes 和使用部分。但我很好奇如何将这些功能与 Meteor 集成。
Meteor 不会自动压缩并连接您所有的 CSS 吗?那么真的需要 partials
或者 @import
吗?
我的第二个问题是关于组织文件的。
假设我有一个 css class: .overlay
,我想创建一个名为 blah
的 class 扩展 overlay
,但是 blah
和 overlay
在不同的文件中。如果我不使用 import
(因为 Meteor 正在为我做)我是否应该确保 overlay
class 出现在我的 blah
class 之前将 overlay
声明的文件放在 client/lib
中,或者是否有一些我应该修改的配置文件?
您的第二个顾虑正是您应该使用导入的原因……不仅在 meteor 中,而且在一般情况下。在流星中,您的 .scss 文件按照与 javascript 文件 (http://docs.meteor.com/#/full/structuringyourapp) 相同的顺序进行处理和连接,这并不是那么直观。通过拥有一个导入所有其他 _*.css 文件的主 .scss 文件,您可以保证您的样式以所需的顺序列出,它们不会被意外覆盖,并且您不会不必担心以特定方式嵌套它们。