node-sassでglob(node-sass-glob-importer)を使ってimportしているscssファイルに対し、
変更を監視して変更があったら再度cssにコンパイルするようにしたいです。
package.jsonに以下のように書いたところ、(ページ下部の内容と同じです)
- node-sass --importer node_modules/node-sass-glob-importer/dist/cli.js -o dist ../scss/test.scss -w
test.scssを監視することはできたのですが、test.scssでglobで読み込んでいるファイルに対して(module/header.scssなど)は監視されませんでした。
package.jsonの書き方を教えていただきたいです。
json
1/*package.json*/ 2{ 3 "name": "test", 4 "version": "1.0.0", 5 "main": "index.js", 6 "scripts": { 7 "glob-sass": "node-sass --importer node_modules/node-sass-glob-importer/dist/cli.js -o dist ../scss/test.scss -w", 8 }, 9 "author": "", 10 "license": "ISC", 11 "description": "", 12 "devDependencies": { 13 "node-sass": "^4.11.0", 14 "nodemon": "^1.18.7" 15 }, 16 "dependencies": { 17 "node-sass-glob-importer": "^5.2.0" 18 } 19} 20
scss
1/*test.scss*/ 2@charset "UTF-8"; 3 4@import 'function/*.scss'; 5 6@import 'base/*.scss'; 7@import 'layout/*.scss'; 8 9@import 'module/*.scss'; 10