Grunt BrowserSync和SASS手表

Question

我在使用SASS处理的监视任务设置BrowserSync时遇到了一些问题。

执行时：

grunt

BrowserSync服务器启动，我看到“服务文件来自：./和正在观看文件。从未编译过sass。就像两个任务都没有被启动一样。

执行时：

grunt watch

sass正在监视和编译，但没有启动BrowserSync服务器。

module.exports = function(grunt) {

grunt.initConfig({
    watch: {
        files: 'components/css/scss/*.scss',
        tasks: ['sass']
    },

    sass: {                              // Task
        dist: {                            // Target
          options: {                       // Target options
            style: 'expanded'
          },
          files: {                         // Dictionary of files
            'components/css/screen.css' : 'components/css/scss/screen.scss'        // 'destination': 'source'
          }
        }
    },

    browserSync: {
        bsFiles: {
            src : ['components/css/*.css', '*.html']
        },
        options: {
            server: {
                baseDir: "./"
            },
            options: {
                watchTask: true
            }
        }
    }
});

grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-browser-sync');

grunt.registerTask('default', ["browserSync", "watch"]);

};

Answer 1

这可能解决了错误：

    browserSync: {
        bsFiles: {
            src : ['components/css/*.css', '*.html']
        },
        options: {
            server: {
                baseDir: "./"
            },
            watchTask: true
        }
    }

watchTask选项出错。