我对Grunt的livereload有一个noob问题。我有使用livereload配置的监视任务:true 我在页面底部添加了标签,当我将浏览器指向localhost:port_number_i_can't_remember时,它显示了一个带有.js服务器的页面,我猜...
我如何使用livereload重新加载我正在处理的html。我在哪里指向浏览器?我正在使用sublime3并添加了livereload包。我也使用括号,在两者之间打开/关闭。
grunt文件:
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
options: {
includePaths: ['sass/**/*.scss']
},
dist: {
options: {
outputStyle: 'compressed',
sourceMap: true
},
files: {
'css/materialize.css': 'sass/materialize.scss'
}
}
},
watch: {
grunt: {
options: {
livereload: true
},
files: [
'css/*.css',
'*.html'
]
},
sass: {
files: 'sass/**/*.scss',
tasks: ['sass']
},
}
});
grunt.loadNpmTasks('grunt-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('build', ['sass']);
grunt.registerTask('default', ['build', 'watch']);
}
我在这里做错了什么?
答案 0 :(得分:1)
有多种方法可以启用它,它们会在official wiki中列出。
最简单的是第一个,包括
<script src="//localhost:35729/livereload.js"></script>
在HTML页面中的</body>
之前。
如果您对其中一种方法有任何疑问,请相应更新问题