css - 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"