使用 SystemJS 即时转译 SASS

Transpiling SASS on the fly with SystemJS

我读了很多博客说 SystemJS 和 SASS 转译工作,但我在网上看到的每个例子似乎都预先处理了 SASS 处理(通过 gulp-像任务运行程序),然后 JavaScript 代码导入生成的 CSS.

我希望能够做的是让我的 JavaScript 文件直接导入 SASS 文件(并让我的 SystemJS 加载器转译成 CSS on-the -飞)。这仅用于开发目的,对于生产,我计划构建一个包含所有内容的静态文件。这可能吗?如果是这样,这通常是如何完成的?

附加信息:我也在使用 Angular2 和 Typescript。

谢谢。

要让 "on fly" 将 SASS 转译为 CSS,您需要客户端 SASS -> CSS 转译器。

根据 this answer 没有官方实施可以帮助您。

或者,您可以考虑使用 LESS 而不是 CASS(例如,使用 this 插件),这样您就可以进行完整的客户端转译以用于开发目的,并通过 SystemJS Builder 进行服务器端预构建以进行生产构建.