2016-10-10 60 views
12

飞我看了很多博客是说SystemJS和SASS transpiling的作品,但我在网上看到的每一个例子似乎处理SASS处理前面(通过大口般的任务运行),以及JavaScript代码然后导入生成的CSS。Transpiling SASS与SystemJS

什么,我希望能够做的是有我的JavaScript文件导入SASS文件直接(和有我SystemJS装载机transpile插入即时CSS)。这仅仅是为了开发目的,对于生产,我打算构建一个包含所有内容的静态文件。这可能吗?如果是这样,通常如何完成?

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

谢谢。

+0

有几个适用于SystemJS的SASS插件,但它们都假定在设置中也使用了JSPM。一个经过验证的SystemJS解决方案将会受到欢迎 – estus

+0

我以前使用JSPM的能力非常有限。我最大的担忧是它主要用于管理包/别名,管理systemjs配置文件等。我认为当“橡胶走上了路”(例如运行Web应用程序)时,JSPM并没有积极的角色。 –

+0

在这种情况下,首先应该如何安装插件尚不清楚。这里是一个例子https://github.com/mobilexag/plugin-sass – estus

回答

1

有 “飞” transpiling SASS为CSS,你需要客户端SASS - > CSS transpiler。

根据this answer没有正式实施,可以帮助你。

或者你可以考虑LESS而不是CASS(使用this插件为例),这样你就可以拥有更大的发展宗旨和服务器端建立预完整的客户端transpiling通过SystemJS生成器生产的基础之上。