SASS观察者观看所有文件夹,编译成一个CSS

时间:2017-10-19 12:18:32

标签: css npm sass watch

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

a1.Equals(b1)

..到1 main.css。我使用npm run scss + node-sass,从package.json文件中读取:

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

当我更改子文件夹中的内容时,它会写入main.css,但也会写入CSS文件,如css>文件夹> anotherfile.css。并且它给出了错误,因为当我更改scss>文件夹> anotherfile.scss时,编译器无法找到变量,因为它似乎没有意识到我在main.scss中加载的vars.scss文件。

我不希望这样。如何观察整个文件夹结构,但只有在发生变化时才将main.scss编译为main.css?提前谢谢!

1 个答案:

答案 0 :(得分:2)

重命名除main.scss之外的所有文件,以便在名称前加上下划线,例如anotherfile.scss => _anotherfile.scss