Grunt LiveReload 未显示
Grunt LiveReload not showing
我有一个关于使用 Grunt 进行 livereload 的菜鸟问题。我的 watch 任务配置了 livereload: true
我在页面底部添加了标签,当我将浏览器指向 localhost:port_number_i_can't_remember 时,它显示了一个带有 .js 服务器的页面,我猜...
如何使用 livereload 重新加载我正在处理的 html。我必须在哪里指向浏览器?我正在使用 sublime3 并添加了 livereload 包。我也是用括号,在两者之间一直是on/off.
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']);
}
伙计们,我做错了什么?
有几种启用它的方法,它们列在 official wiki。
第一个最简单,包括
<script src="//localhost:35729/livereload.js"></script>
在您的 HTML 页面 </body>
之前。
如果您对其中一种方法有任何疑问,请相应地更新问题
我有一个关于使用 Grunt 进行 livereload 的菜鸟问题。我的 watch 任务配置了 livereload: true 我在页面底部添加了标签,当我将浏览器指向 localhost:port_number_i_can't_remember 时,它显示了一个带有 .js 服务器的页面,我猜...
如何使用 livereload 重新加载我正在处理的 html。我必须在哪里指向浏览器?我正在使用 sublime3 并添加了 livereload 包。我也是用括号,在两者之间一直是on/off.
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']);
}
伙计们,我做错了什么?
有几种启用它的方法,它们列在 official wiki。
第一个最简单,包括
<script src="//localhost:35729/livereload.js"></script>
在您的 HTML 页面 </body>
之前。
如果您对其中一种方法有任何疑问,请相应地更新问题