Node-Sass 将单个目录中的多个文件编译为一个文件答案

【问题标题】：Node-Sass compile multiple files in a single directory to one fileNode-Sass 将单个目录中的多个文件编译为一个文件
【发布时间】：2017-03-08 07:06:23
【问题描述】：

我需要使用 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"

【问题讨论】：

尝试使用 grunt npmjs.com/package/grunt-concat-css
我必须使用 node-sass，所以很遗憾这不是一个选项。
@robertmylne 将 header.scss 转换为 _header.scss。 Sass 正在从你的 NPM 脚本中将 header.scss 编译为 header.css

【解决方案1】：

您可以使用onchange npm 包。您可以观察 glob 并在其中任何一个发生变化时运行脚本。

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

【讨论】：