code-kitchen
code-kitchen copied to clipboard
样式支持scss编译
非常感谢你的开源,帮了我很大的忙,但是现在一般基于scss,原不支持,经过一些研究我修改了一个支持scss的方案: 引入: 在bundle.ts中的resolvePlugin方法build.onLoad中添加编译scss,
else if (/\.scss$/.test(file.filename)) {
return new Promise((resolve,reject) =>{
return window.Sass.compile(file.code, function(result) {
if (result.status === 0) {
// console.log(result.text); // 编译后的 CSS
const sassCssModuleResult = compileCssModule(result.text, buildId)
resolve(sassCssModuleResult);
} else {
// console.error(result.formatted); // 错误信息
reject(result.formatted);
}
});
})
}
已测试,可以实现scss的变异