Я попытался скомпилировать SASS, используя npm сценарии со следующей конфигурацией каталога.
project
├ page1
│ └ style
│ ├ sass
│ │ └ *.scss
│ └ css
├ page2
│ └ style
│ ├ sass
│ │ └ *.scss
│ └ css
├ ...
├ pageN
│ └ style
│ ├ sass
│ │ └ *.scss
│ └ css
└ package.json
Поэтому я подумал об использовании опции --output
glob и node-sass.
{
"name": "sass",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"sass": "node-sass ./**/style/sass/ --output ./**/style/css/"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"node-sass": "^4.14.0"
}
}
Но это не привело к созданию файла CSS в каталоге CSS.
Вместо этого в каталоге SASS есть файл CSS. Это означает, что опция --output
для указания выходного каталога игнорируется.
Как мне скомпилировать их в каталог css, используя скрипт npm?
$ npm run sass
> sass@1.0.0 sass C:\Users\sanriot\Desktop\project
> node-sass ./**/assets/sass/ --output ./**/assets/css/
Rendering Complete, saving .css file...
Wrote CSS to C:\Users\sanriot\Desktop\project\page1\style\sass\style.css
Rendering Complete, saving .css file...
Wrote CSS to C:\Users\sanriot\Desktop\project\page2\style\sass\style.css
Rendering Complete, saving .css file...
Wrote CSS to C:\Users\sanriot\Desktop\project\page3\style\sass\style.css
Wrote 3 CSS files to C:\Users\sanriot\Desktop\project\**\style\css\