Skip to content

样式支持scss编译 #25

@xianzou

Description

@xianzou

非常感谢你的开源,帮了我很大的忙,但是现在一般基于scss,原不支持,经过一些研究我修改了一个支持scss的方案:
引入:<script src="https://unpkg.com/sass.js/dist/sass.sync.js"></script>
在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的变异

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions