如何重构现有项目以使用Compass？
如何重构现有项目以使用Compass？
提问于 2012-05-23 19:53:48
我有一个现有的Django项目，其中使用常规的CSS。样式表按功能拆分，因此有nav.css、course.css、default.css、reset.css等。所有这些都导入到从html页面引用的main.css中。
我想在这个项目中使用Compass，这样我就可以使样式表更易于管理，也可以轻松地为UI设置皮肤。
在签出Compass之前，我查看了Sass，并为我所有的样式表创建了.scss文件。
现在我意识到使用Compass可能比只使用Sass更好，因为我将获得它附带的所有默认样式。然而，我对如何开始重构过程感到有点困惑。
重构一个已经定义了样式的现有项目，让它使用Compass，正确的过程是什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-07-21 05:32:30
无论使用或不使用Compass，大部分重构工作都是相同的，您将很快看到Sass提供的好处。
Compass的创建者克里斯·埃普斯坦写了一篇关于他如何使用refactoring digg's CSS的文章。总结一下：
您已经很好地掌握了这一点，因为您已经为不同的功能使用了单独的样式表。在你的新的部分中寻找重复的模式和继承关系，让它们更容易管理和分解成更小的steps.
- Analyze样式。无论你在哪里有选择器，复制都可能是开始下一个step.
- Extract基类的好地方。，这是你用
@extend来使你的CSS枯竭的地方。将重复的声明提取到基类中并进行混合嵌套。extend.
- Apply Nesting是一个很棒的Sass功能，可以让您的样式表更容易混合。如果您在步骤2中发现了常见的样式模式，现在是将它们提取到中的时候了
现在，您可以真正开始利用Compass及其可重用模式了。熟悉Compass documentation将有助于确定哪些mixins适用于您的项目。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10719351
复制相关文章
相似问题
腾讯云开发者
