我写了一个grunt文件,它也使用了BrowserSync。 我设法让它工作,但由于某种原因它只能工作一次。
如果我对我的sass文件进行了更改,它会编译并重新加载浏览器。 但是,如果我再次更改sass文件,它会编译但不再重新加载。
module.exports = function(grunt) {
require('load-grunt-tasks')(grunt);
var compass = require('compass-importer');
grunt.initConfig({
watch: {
sass: {
files: ['sass/**/*.scss'],
tasks: ['sass']
}
},
sass: {
options: {
importer: compass,
sassDir: 'sass',
cssDir: 'css',
imagesPath: 'img',
noLineComments: true,
outputStyle: 'nested',
sourceMap: true,
debugInfo: true
},
dev: {
files: {
// destination // source file
'css/theme.css': 'sass/theme.scss'
}
}
},
browserSync: {
default_options: {
bsFiles: {
src: [
"css/*.css",
"*.html",
"*.php"
]
},
options: {
watchTask: true,
proxy: "192.168.22.44/"
}
}
}
});
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-browser-sync');
// register a default task.
grunt.registerTask('default', ['browserSync', 'watch']);
};
由于