使用没有指南针项目的指南针(sass)功能

问题描述:

我的问题:我想使用一些指南针功能(主要是sprites generation和css3 mixins),但我不想为它创建指南针项目。我的项目结构应该比指南针允许我创建的复杂一点。所以我想用sass留在我的项目中,但是导入并使用一些指南针功能。可能吗?使用没有指南针项目的指南针(sass)功能

+0

您是否非常善良以分享有关您项目组织和您使用的环境的更多信息? – igr

+0

我想保留部分非常小,像块描述,所以会有很多。如果在每个包含.scss,.js和images的块中都有一个文件夹会很好。否则,会有数百个文件的混乱。但我无法制作指南针来使用子文件夹中的部分。 – Anton

+1

指南针并不在乎你填充你的偏色的位置,它只关心它需要编译生活的Sass文件的位置。如果您在图像助手功能上使用图像,图像只需要存在于配置的图像目录中。 – cimmanon

指南针是能够管理你所有的东西。试试吧。

下面是一个例子,这是一个指南针项目的结构我目前工作:

enter image description here

首先,你应该有一个像sass一个文件夹中存储您的非部分SASS文件,例如。 G。 sass/style.sasssass/screen.scss。你的config.rb应该指向它。

然后创建一个名为partials的子文件夹,您可以在其中存储所有内容。

partials子文件夹在开始创建结构:

sass/ 
    partials/ 
    _global.sass 
    _modules.sass 
    style.sass 

style.sass的内容应该是这样的:

@import partials/global 
@import partials/modules 

这种结构易于扩展。一旦你的部分变大,并且决定把它分解,只需要创建一个局部命名的子文件夹,创建更小的谐音那里,从最初的部分导入:中_global.sass

sass/ 
    partials/ 
    global/ 
     _extendables.sass 
     _functions.sass 
     _mixins.sass 
     _variables.sass 
    _global.sass 
    _modules.sass 
    style.sass 

内容:

@import global/extendables 
@import global/functions 
@import global/mixins 
@import global/variables 

这使得您的项目结构可以轻松扩展。

请注意,如果您使用SCSS语法,则需要在导入语句中引用引号,例如, G。 @import "global/extendables";

如果导入不起作用,请分享您的项目结构,您使用的确切代码和您收到的错误文本。

+0

现在它似乎工作。我看,带有偏色的文件夹应该被命名为偏色?它可以配置为其他名称吗?我在配置参考中完全没有发现这一点。 – Anton

+0

文件夹名称可以是任何你想要的。在partials之后命名文件夹只是增加代码库的一个非常方便的方法。 –

+0

@lomaus呃,谢谢,也许我做错了什么,但是我不能让它工作,直到我将文件夹命名为“partials”。现在文件夹名称无关紧要,看起来像是我的一些错误。不知道出了什么问题,但现在任何文件夹结构都能正常工作,即使所有子文件夹都在saas中。谢谢。希望我永远不会再遇到这样一个奇怪的行为。 – Anton