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

问题描述：

我需要使用node-sass将多个scss文件编译为单个css文件。Node-Sass将单个目录中的多个文件编译为一个文件

我的结构是这样的：

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

尝试使用咕噜https://www.npmjs.com/package/grunt-concat-css – Neil

我必须使用节点萨斯所以很遗憾，这不是一个选项。 – robertmylne

@robertmylne将header.scss转换为_header.scss。 Sass正在编译header.scss作为您的NPM脚本的header.css –

答

您可以使用onchange NPM包。当任何一个变化时，您都可以观看globs并运行脚本。

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

我收到以下错误： 'onchange'不被识别为内部或外部命令。 – robertmylne

好的这个工程，需要onchange npm包。在Windows上需要使用转义双引号。 – robertmylne