通过C#Action for Customizable Frontend Layouts手动编译SASS到CSS

Question

我尝试构建一个可由我的用户自定义的Webfrontend.

我的用户没有任何webDev技能,在内部我使用SCSS文件,所以我有了想法给他们我的sass变量进行自定义.

(您可能之前在一些声誉良好的CSS-Frameworks的themeRollers中看到过类似的东西.)

所以我的工作流程是这样的:

1. 用户获取我的SASS变量进行编辑
2. 他们将这些变量发布到Controller Action
3. MAGIC:我的.SCSS文件成为.CSS文件
4. 我保存.CSS文件以便为以后的webrequest提供它

我需要你的帮助,因为我不知道第3步的样子.也许你已经实现了这个,或者你有一个有用的想法.

我非常感谢任何建议

Answer 1

所以我找到了一种通过使用NSass来实现魔法的方法.我必须测试它是否/如何支持@imports,但它似乎是该问题的正确方向.

这是一个使用NSass的小片段

string scss = "button.button{background-color: #fff; &:hover{opacity: 0.5;}}"
var compiler = new SassCompiler();
string compiled = compiler.Compile(source: scss, outputStyle: OutputStyle.Compressed, sourceComments: false); //returns "button.button {background-color:#ffffff;}button.button:hover {opacity:0.5;}"