SASSウォッチャー、1つのCSSにコンパイル

Question

私は、フォルダ構造のこの種のを見てみたい：

assets 
- scss 
    - folder 
     file.scss 
     anotherfile.scss 
     anotherfile.scss 
     anotherfile.scss 
    - anotherfolder 
     file.scss 
     anotherfile.scss 
     anotherfile.scss 
     anotherfile.scss 
- css 
    main.css 

... 1つのmain.cssに。私はpackage.jsonファイルから読み込まれ、NPMの実行SCSS +ノード-SASSを使用します。

{ 
"name": "test", 
"version": "1.0.0", 
"description": " ", 
"main": "index.js", 
"scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1", 
    "scss": "node-sass --watch assets/sass/app.scss assets/css/app.css" 
}, 
"license": "ISC", 
"private": true, 
"dependencies": { 
    "npm-sass": "^2.2.1" 
} 
} 

私はサブフォルダで物事を変更すると、あるmain.cssに書き込まれますが、また、CSS>フォルダのようなCSSファイルに> anotherfile.css。それは私がmain.scssにロードしたvars.scssファイルを認識していないように見えるので、scss> folder> anotherfile.scssを変更するとコンパイラは変数を見つけることができないため、エラーが発生します。

私はそれを望んでいません。どのようにフォルダ構造全体を見ることができますか？main.scssをmain.cssにコンパイルするだけです。前もって感謝します！

Answer 1

main.scssを除くすべてのファイルの名前の下に、名前の前に下線が付きます。 anotherfile.scss =>_anotherfile.scss