node-sassでglob(ワイルドカード)を使ったscssファイルをwatchしたい(package.jsonの書き方)

Question

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の書き方を教えていただきたいです。

/*package.json*/
{
	"name": "test",
	"version": "1.0.0",
	"main": "index.js",
	"scripts": {
		"glob-sass": "node-sass --importer node_modules/node-sass-glob-importer/dist/cli.js -o dist ../scss/test.scss -w",
	},
	"author": "",
	"license": "ISC",
	"description": "",
	"devDependencies": {
		"node-sass": "^4.11.0",
		"nodemon": "^1.18.7"
	},
	"dependencies": {
		"node-sass-glob-importer": "^5.2.0"
	}
}

/*test.scss*/
@charset "UTF-8";

@import 'function/*.scss';

@import 'base/*.scss';
@import 'layout/*.scss';

@import 'module/*.scss';

Comments

[退会済みユーザー]

gulpfile.jsを追記して下さい。これを変更する必要があります。

[xyunow]

gulpは使用していないです。
gulpを使用せずワイルドカードで指定する方法があったらと思い質問させていただいたのですが、不可能なのでしょうか

Answer 1

npm scriptでコンパイルしているのでしょうか
その場合、スクリプトの下記の箇所を
../scss/test.scss→../scss/
このように変更してみたらどうでしょうか？

監視対象をディレクトリ単位にしてあげればsassディレクトリの中のファイルに変更があったらコンパイルしてくれるかと思います。