FranckFreiburger / vue3-sfc-loader

Single File Component loader for Vue2 and Vue3. Load .vue files directly from your HTML. No node.js environment, no build step.
MIT License
1.03k stars 116 forks source link

support scss file and <style lang="scss" scoped> #125

Closed jeryqwq closed 2 years ago

jeryqwq commented 2 years ago

the package vue-compile-sfc does not support async function, in brower sass.js doesnt support sync, the fix demo is in my fork branch(https://github.com/jeryqwq/vue3-sfc-loader/blob/main/test/demo.html), or wait for vue3 update(https://github.com/vuejs/vue-next/issues/5231)

 sass: { async  render(args){
        const { data, file, filename, outFile, sourceMap } = args
          return new Promise((reslove, reject) => {
            sass.compile(data, function(result) {
              reslove({
                css: result.text,
                stats: {}
              })
            });
          })
        } }