咕噜的BrowserSync和SASS手表

Question

我在设置BrowserSync时遇到了一些问题，这是一个用于SASS处理的监视任务。

当我执行：

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选项有一个错误。