node-Sass 将单个目录下的多个文件编译为一个文件

Question

我需要使用 node-sass.

将多个 scss 文件编译成一个 css 文件

我的结构是这样的：

/
  /scss
    app.scss
    /components
      header.scss
  /css
    app.css

在我的 app.scss 文件中，我导入了所有其他文件。所以只看那个文件不能像我试过的这个例子那样工作：

"watch": "node-sass -w scss/app.scss css/app.css"

只要我将所有代码都放在该文件中并且每次都没有导入任何其他内容或手动编译它，它就可以工作，但是观看没有工作。

所以我也试了这个也没用：

"watch": "node-sass -wr scss/* app.css"

Answer 1

您可以使用 onchange npm 包。您可以在 glob 和运行脚本发生任何变化时观看它们。

"watch": "onchange 'scss/**/*.scss' -- npm run compile",
"compile": "node-sass scss/app.scss css/app.css"

Node-Sass compile multiple files in a single directory to one file