SASS watcher监视所有文件夹,编译为一个CSS

SASS watcher监视所有文件夹,编译为一个CSS,css,npm,sass,watch,Css,Npm,Sass,Watch,我想看看这种文件夹结构: assets - scss - folder file.scss anotherfile.scss anotherfile.scss anotherfile.scss - anotherfolder file.scss anotherfile.scss anotherfile.scss anotherfile.scss - css main.css 。。到1

我想看看这种文件夹结构:

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。我使用npm运行scss+节点sass,从package.json文件读取:

{
 "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>folder>anotherfile.css。它给出了错误,因为当我更改scss>folder>anotherfile.scss时,编译器找不到变量,因为它似乎不知道我在main.scss中加载的vars.scss文件


我不想那样。如何查看整个文件夹结构,但在发生更改时仅将main.scs编译为main.css?提前谢谢

重命名除
main.scss
以外的所有文件,使其名称前带有下划线,例如
anotherfile.scss
=>
\u anotherfile.scss

在youtube上观看一些教程。像这个