code-kitchen icon indicating copy to clipboard operation
code-kitchen copied to clipboard

样式支持scss编译

Open xianzou opened this issue 5 months ago • 0 comments

非常感谢你的开源,帮了我很大的忙,但是现在一般基于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的变异

xianzou avatar Sep 20 '24 01:09 xianzou