浏览器如何将 mixins 转换为常规 css

Question

在 Less 和 Sass 中，我们使用了很多 mixin，浏览器如何将这些 mixin 编译或转换为常规 CSS 并应用这些样式？

Answer 1

浏览器不转换 pre-processed（LESS、SCSS、Compass）CSS 规则。

在将普通 CSS 文件链接到您的 HTML 之前，您需要使用构建 script/compiler。此过程转换 SCSS/LESS -> CSS 以便您的浏览器呈现。

您可以使用 Webpack, Grunt, Gulp, or even desktop/GUI tools 来执行此操作。

您还可以使用 javascript 解析器将最终的 CSS 注入页面 onLoad，但这会影响性能，不推荐这样做。