【发布时间】:2019-12-27 02:07:23
【问题描述】:
在 Less 和 Sass 中,我们使用了大量的 mixin,浏览器如何将这些 mixin 编译或转换为常规 CSS 并应用这些样式?
【问题讨论】:
-
浏览器不会,解释器/编译器会生成最终的 CSS。
在 Less 和 Sass 中,我们使用了大量的 mixin,浏览器如何将这些 mixin 编译或转换为常规 CSS 并应用这些样式?
【问题讨论】:
浏览器不会转换pre-processed(LESS、SCSS、Compass)CSS 规则。
在将普通 CSS 文件链接到 HTML 之前,您需要使用构建脚本/编译器。此过程转换 SCSS/LESS -> CSS 以供您的浏览器呈现。
您可以使用Webpack、Grunt、Gulp,甚至desktop/GUI tools 来执行此操作。
您也可以使用 javascript 解析器将最终的 CSS 注入页面 onLoad,但这会影响性能,不建议这样做。
【讨论】: