Node-Sassは1つのディレクトリ内の複数のファイルを1つのファイルにコンパイルします

node-sassを使用して複数のscssファイルを単一のCSSファイルにコンパイルする必要があります。私app.scssファイルでNode-Sassは1つのディレクトリ内の複数のファイルを1つのファイルにコンパイルします

/ 
    /scss 
    app.scss 
    /components 
     header.scss 
    /css 
    app.css

私はすべての私の他のファイルをインポートします。

私の構造は次のようになります。

"watch": "node-sass -w scss/app.scss css/app.css"

をそれは限り、私は、そのファイル内のすべてのコードを入れて、何かをインポートするか、手動でそのたびにコンパイルされていなかったように動作しなかった、：だから私が試しただけで、そのファイルは、この例のように動作しません見てしかしウォッチはうまくいかなかった。

だから私は、同様に無駄にこれを試してみました：

"watch": "node-sass -wr scss/* app.css"

私は残念ながらそれはオプションではありませんノード-SASSを使用する必要があり面倒https://www.npmjs.com/package/grunt-concat-css – Neil

を使用してみてください。 – robertmylne

@robertmylne header.scssを_header.scssに変換します。 SassがNPMスクリプトからheader.cssとしてheader.scssをコンパイルしています –

をあなたはonchange NPMパッケージを使用することができます。グロブを見たり、スクリプトが変わったときにスクリプトを実行することができます。

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

2017-03-08 18:38:55 Coleman

次のエラーが表示されます。 'onchange'は内部コマンドまたは外部コマンドとして認識されません。 – robertmylne

これは正常に動作し、onchange npmパッケージが必要です。ウィンドウではエスケープされた二重引用符を使用する必要があります。 – robertmylne

答えて