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"