用 npm 编译内联 sass？

Question

Is there a straightforward way to do this? I've tried using sass, node-sass, and tinysass, and nothing works. I just want to compile inline sass in javascript, something like this:

import sassPkg from 'sass-pkg'

const style = `body{ .container{ color: red } }`
const result = sassPkg.compile(style)

It seems like this should be easy to do but it's not. I'd also be willing to settle for loading the sass from an external file, but I really don't think that should be necessary, and anyway I haven't been able to do that either.

Answer 1

You can use node-sass

import * as sass from 'node-sass';

const style = `body{ .container{ color: red } }`
const result = sass.renderSync({
  data: style
});