angular - 使用 SystemJS 即时转译 SASS

Question

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

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

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

谢谢。

Answer 1

要“即时”将 SASS 转译为 CSS，您需要客户端 SASS -> CSS 转译器。

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

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