在HTML文件中编写CSS样式时，可以使用Sass和指南针吗？你应该看什么？

Question

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

Answer 1

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

但真正的问题是，你为什么要使用SASS呢？有人说它促进并鼓励糟糕的CSS编程实践。它提供的“功能”通常具有边际效用。它为您的工作流程增加了另一个步骤，在您了解它之前，您将使用gruntfiles和SASS版本并正确安装Ruby。我个人也强烈建议不要在带有SASS / SCSS / LESS行李的情况下决定开始使用一些CSS框架。

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