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包。当任何一个变化时，您都可以观看globs并运行脚本。

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