我在使用SASS处理的监视任务设置BrowserSync时遇到了一些问题。
当我执行:
grunt
BrowserSync服务器启动,我看到“服务文件来自:./和观察文件.sssss永远不会被编译。就像两个任务都没有被启动。
当我执行:
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"]);
};
可能这解决了错误:
browserSync: {
bsFiles: {
src : ['components/css/*.css', '*.html']
},
options: {
server: {
baseDir: "./"
},
watchTask: true
}
}
watchTask选项出错。