Skip to content
This repository was archived by the owner on Jun 10, 2026. It is now read-only.
This repository was archived by the owner on Jun 10, 2026. It is now read-only.

样式支持scss编译 #25

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的变异

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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