Grunt+Compassでwatchを走らせていますが新規作成したSCSSファイルを認識しない

Question

module.exports = function(grunt) {
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-compass');
  grunt.registerTask("default", ["compass","watch"]);
  grunt.initConfig({
    compass: {
      dist: {
        options: {
          sassDir: 'scss',
          cssDir: 'css',
          environment: 'production',
        },
      },
    },
    watch: {
     options: {
        livereload: true,
        nospawn: false
                },
      scss: {
        files: ['scss/*.*'],
        tasks: ['compass']
      }
    }
  });
};

Gruntfile.jsの中身はこんな感じです。
gruntでwatchをすると初回は初回は全体をコンパイルしてくれますが
途中に新規でscssファイルを作成すると新規のファイルは探知してくれません。

watch中に新規でscssファイルを作成してもコンパイル探知してコンパイルするように
したいですがいい方法がありましたら教えてください。

Comments

[m.ts10806]

タイトルには要件（質問内容の要約）を書いてください。 https://teratail.com/help/question-tips#questionTips3-1

[rainbowsix]

指摘ありがとうございます。修正しました。

Answer 1

Gruntのwatchは一度ディレクトリを捜査して、対象のファイル一覧を作って監視する作りだったと思うから、要望どおりの事は不可能だった記憶があるね。
Gulpも同じくって感じだったような…

node.jsでファイル監視を手軽に行えるモジュール「chokidar」
こんなライブラリを使って、ファイルが増減したらgruntコマンドを再発行し直すスクリプトを作るというアプローチはあるよ。

Comments

[rainbowsix]

いろいろ試した見ましたがダメぽいですね。仮想環境の中で新規ファイルを作ると反応しますがwindows上で仮想環境の中のファイルを新規で作成も反応しないので諦めます。chokidarは今後試してみます。ありがとうございます。