我正在尝试配置grunt,在发生更改时livereload js和less/css文件。虽然grunt正确“监视”并执行分配的任务,但它没有重新加载文件。以下是我的配置,请问有人看到问题在哪里吗?
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON("package.json"),
jshint: {
files: ["Gruntfile.js", "src/javascripts/**/*.js"],
options: {
globals: {
jQuery: true,
console: true,
module: true
}
}
},
concat: {
options: {
stripBanners: true,
banner: "/*! <%= pkg.name %> - v<%= pkg.version %> - <%= grunt.template.today('yyyy-mm-dd') %> */\n",
separator: "\n"
},
js: {
src: ["src/javascripts/main.js", "src/javascripts/**/*.js"],
dest: "../app/assets/javascripts/application.js"
},
less: {
src: ["src/stylesheets/**/*.less"],
dest: "../app/assets/stylesheets/application.less"
}
},
watch: {
js: {
files: ["<%= jshint.files %>"],
tasks: ["jshint", "concat:js"],
options: {
livereload: true
}
},
less: {
files: ["<%= concat.less.src %>"],
tasks: ["concat:less"],
options: {
livereload: true
}
}
}
});
grunt.loadNpmTasks("grunt-contrib");
grunt.registerTask("default", ["jshint", "concat"]);
};
注意:我已经将以下脚本标记包含在了html head标记中。
<script src="http://localhost:35729/livereload.js"></script>
grunt watch --verbose
命令,它会在控制台中告诉你何时重新加载。虽然我注意到你正在使用grunt.loadNpmTasks('grunt-contrib')
...但这使用的是较旧版本的watch任务,没有实时重载功能。我建议不要使用grunt-contrib
并逐个加载每个模块。 - Kyle Robinson Young