[英]LiveReload with Grunt?
除了watch github page之外,我还以这个答案作为起点。
我的监视任务如下所示:
watch: {
less: {
files: ['less/**/*.less'],
tasks: ['less'],
options: {
livereload: true
}
},
handlebars: {
files: ['templates/**/*.hbs'],
tasks: ['handlebars'],
options: {
livereload: true
}
}
}
首先,我尝试使用浏览器扩展,然后再在index.html中添加了此脚本(并确认已加载)。
<script src="//localhost:35729/livereload.js"></script>
我还尝试将其添加到手表js中:
livereload: {
files: ['dev/**/*'],
options: {
livereload: true
}
}
我也有一个连接任务,无论是否有尝试,我都尝试过运行咕unt声。
connect: {
dev: {
options: {
port: 35729
}
}
}
而且仍然没有实时重载...
这是我的Gruntfile.js,我的连接版本是0.9.0,此配置可用于其他livereroad端口
module.exports = function (grunt) {
require('load-grunt-tasks')(grunt);
require('time-grunt')(grunt);
grunt.initConfig({
watch: {
demo: {
files: ['web/*.*'],
options: {
livereload: 5000
}
},
dev:{
files: ['web1/*.*'],
options: {
livereload: 3030
}
}
},
connect: {
demo: {
options: {
base: "web",
port: 1111,
hostname: '*',
livereload: 5000,
open: {
target: 'http://127.0.0.1:1111'
}
}
},
dev:{
options: {
base: "web1",
port: 2222,
hostname: '*',
livereload: 3030,
open: {
target: 'http://127.0.0.1:2222'
}
}
}
}
})
grunt.registerTask('demo', ['connect:demo', 'watch:demo']);
grunt.registerTask('dev',['connect:dev','watch:dev']);
}
这样行吗?
watch: {
options: { livereload: true },
less: {
files: ['less/**/*.less'],
tasks: ['less']
},
//...
}
另外,请尝试以详细模式运行( grunt do-something -v
),以检查livereload服务器是否已启动以及端口是否正确。
Watch开箱即用,没有livereload。 您是否尝试过删除livereload选项和脚本包括?
然后:咕unt; 咕watch的手表
(默认任务执行构建,然后观察以防更改)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.