0

yo webapp我使用（generator-webapp显然已安装）创建了一个项目。一切都很好，但我仍然缺少一些东西。我敢肯定这是一个简单的答案，我永远不会回到 SO，因为我会太尴尬。

我想使用 Compass，它与 Yeoman 一起开箱即用，但我不知道如何。我的意思是，显然@import "compass...etc"在任何 Sass 文件内部都不起作用，因为内部（内部指定app/bower_components的 Sass 的默认路径）没有目录。@importGruntfile.jscompass

我现在应该怎么做才能导入 Compass 样式表？

4

2 回答 2

2

您可以像往常一样使用指南针。如果你用 设置一个原版指南针项目compass create，也有compass文件夹。如果您想使用指南针附带的任何帮助程序，您可以按照文档中的说明导入它们，例如

@import "compass/css3";

.mybox {
    @include box-shadow(red 2px 2px 10px);
}

主文件

于 2013-08-01T11:20:37.820 回答
1

您必须为 compass 安装 grunt 任务npm install grunt-contrib-compass并调整您Gruntfile.js以添加用于 compass 编译的任务。

它可能看起来并不容易，因为它有一些棘手的部分，比如编译你的 sass 以.temp/main.css用于测试/livereload，然后dist在进行最终构建时将其缩小到你的。

最简单的方法可能是尝试另一个在单独目录中具有指南针的生成器。例如angular，生成器有指南针，甚至有指南针的引导程序。它太酷了。

于 2013-08-02T18:38:49.660 回答