sass - 在没有 compass 项目的情况下使用 Compass (sass) 功能

Question

我的问题：我想使用一些指南针功能（主要是精灵生成和 css3 混合），但我不想为它创建一个指南针项目。我的项目结构应该比罗盘允许我创建的要复杂一些。所以我想用 sass 留在我的项目中，但是在其中导入和使用一些指南针功能。可能吗？

Answer 1

Compass 能够管理您的所有东西。试一试。

这是一个示例，这是我目前正在处理的 Compass 项目的结构：

首先，您应该有一个文件夹，就像sass您存储非部分 SASS 文件的位置一样，例如sass/style.sass或sass/screen.scss. 你config.rb应该指出它。

然后创建一个名为partials您存储所有东西的子文件夹。

在partials子文件夹中，您开始创建结构：

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

你的内容style.sass应该是这样的：

@import partials/global
@import partials/modules

这种结构很容易扩展。一旦您的部分变大并且您决定拆分它，只需创建一个以部分命名的子文件夹，在那里创建较小的部分并从初始部分导入它们：

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

内容_global.sass：

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

这使您的项目结构易于扩展。

请注意，如果您使用的是 SCSS 语法，则导入语句中需要引号，例如@import "global/extendables";.

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