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上观看一些教程。像这个