CSS预处理器工作流程 - 它是如何工作的?

时间:2015-02-12 11:38:20

标签: css sass workflow css-preprocessor

我是开发人员,我想了解一件事...... css预处理器如何适应日常设计/开发工作流程?

没有它,就像保存css文件和刷新页面一样简单。

但是,如果你使用,比方说,像SASS这样的东西,它是如何改变的?

如果我做对了:

  1. 您在自己喜欢的文本编辑器上编写sass文件
  2. 以某种方式处理
  3. 检查本地主机(或您拥有开发版本的任何地方)的结果
  4. 这是css预处理器的工作流程吗?如果是的话,这不是很费时间吗?

2 个答案:

答案 0 :(得分:1)

好问题。起初SASS似乎很耗时,但过了一会儿你真正看到了它的好处。

你需要在本地工作(我建议无论如何),我使用Koala(http://koala-app.com)每次保存时都会通过SASS文件处理CSS。您仍然以完全相同的方式链接您的CSS,因此当您准备部署时,您只需在您总是这样做的地方执行此操作。

答案 1 :(得分:0)

CSS预处理器是当天的需求。它们为您提供变量,部分和嵌套(我称之为VPN)的好处。

代码用Less或Sass编写,然后使用grunt和指南针编译成.css文件。您可以随时查看文件是否正在更改。只需输入此命令即可

sass --watch input.scss:output.css

预处理器从长远来看有所帮助,因为长代码操作需要更多的时间和精力,并且容易出错。当然,预处理器更好