【问题标题】:Compile inline sass with npm?用 npm 编译内联 sass?
【发布时间】:2021-08-02 07:45:36
【问题描述】:

有没有一种简单的方法可以做到这一点?我尝试过使用 sass、node-sass 和 tinysass,但没有任何效果。我只想在 javascript 中编译内联 sass,如下所示:

import sassPkg from 'sass-pkg'

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

看起来这应该很容易做到,但事实并非如此。我也愿意满足于从外部文件加载 sass,但我真的认为这没有必要,而且无论如何我也无法做到这一点。

【问题讨论】:

  • 贴出的代码有什么问题?
  • @jabaa 这不是一个真正的 npm 包,我只是用它来展示我正在寻找的那种简单的 API。
  • 你读过npmjs.com/package/sass吗?
  • @jabaa 是的,以及其他软件包的文档。我没有看到任何关于我想做的事情。
  • 你能解释一下为什么github.com/sass/node-sass#data 不能解决你的问题吗?

标签: javascript npm webpack sass


【解决方案1】:

您可以使用node-sass

import * as sass from 'node-sass';

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

【讨论】:

    猜你喜欢
    • 2018-07-06
    • 2021-08-15
    • 2018-11-28
    • 2018-05-31
    • 1970-01-01
    • 1970-01-01
    • 2021-10-05
    • 1970-01-01
    • 2016-05-11
    相关资源
    最近更新 更多