html - 在 HTML 文件中编写 css 样式时，可以使用 Sass 和 compass 吗？你应该看什么？

Question

我刚开始研究 sass 和 compass，因为我在 codepen 上看到很多使用它的代码。我在文档中注意到你必须有一个类似 sass 文件夹的东西，它会监视该文件夹中的更改，当发生保存事件时，它会使用常规 css 更新样式表文件夹。我习惯于编写我的 css，尤其是当我通过简短的教程或在 html 文件中的 style 标签中进行练习时。是否可以在 HTML 文件中编写我的 sass？我现在必须将我的 css 写在不同的文件中吗？如果不是，我该怎么做？

Answer 1

不，据我所知你不能。参见 Using SASS/SCSS syntax inside <style> tag .

但真正的问题是，您为什么要使用 SASS？有人说它促进和鼓励糟糕的 CSS 编程实践。它提供的“功能”通常没有多大用处。它为您的工作流程增加了另一个步骤，在您知道之前，您将与 gruntfiles 和 SASS 版本作斗争并正确安装 Ruby。我个人也强烈建议不要决定开始使用某些 CSS 框架，如果它带来 SASS/SCSS/LESS 包袱的话。

我们在 JS/HTML/CSS 中使用的一些预处理器确实有可以在浏览器中运行的版本，用于开发目的。例如，您可以在浏览器中运行 babel 将 ES6 转换为 ES5。这可能是因为 babel 是用 JS 编写的，创建一个在浏览器中运行并即时进行转译的版本并不难。或者，再举一个例子，您可以安排 Ember 从 HTML 中编译模板。另一方面，SASS 不是用 JS 编写的，也没有合理的方法从浏览器调用它。