javascript – 使用grunt-contrib-connect和grunt-contrib-watch实时重新加载
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用grunt-contrib-connect和grunt-contrib-watch实时重新加载,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1885字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 使用grunt-contrib-connect和grunt-contrib-watch实时重新加载](/upload/InfoBanner/zyjiaocheng/733/a47c9e5f59594b169d31c9530d13b174.jpg)
我是nodeJS和grunt的新手.我在这个项目中有这个Gruntfile,我想为我项目中的所有html文件进行实时重新加载,这样我就不必一直刷新浏览器来检测新的更改.不知何故,我遇到以下代码的错误:
module.exports = function (grunt)
{
// Project configuration.
grunt.initConfig(
{
// Task configuration.
jshint:
{
options:
{
curly: true,
eqeqeq: true,
immed: true,
latedef: true,
newcap: true,
noarg: true,
sub: true,
undef: true,
unused: true,
boss: true,
eqnull: true,
browser: true,
globals: {}
},
gruntfile:
{
src: 'Gruntfile.js'
},
lib_test:
{
src: ['lib/**/*.js', 'test/**/*.js']
}
},
connect:
{
server:
{
options:
{
hostname: 'localhost',
port: 80,
base: 'src',
keepalive: true,
livereload: true
}
}
},
watch:
{
options:
{
livereload:true
}
}
});
// These plugins provide necessary tasks.
grunt.loadNpmTasks('grunt-contrib-connect');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-jshint');
grunt.loadNpmTasks('grunt-contrib-watch');
// Default task.
grunt.registerTask('default', ['connect', 'watch']);
};
似乎当我开始’grunt default’时,它不会执行任务监视,因为在连接期间它是keepalive.
如果任何人能够向我解释为什么我在JSHint检查我的代码并提出解决方案时遇到此错误,我将不胜感激.
解决方法:
您的监视任务没有任何任务或文件.要使它与grunt-contrib-connect一起使用,您需要包含的不仅仅是livereload选项,如下所示:
watch: {
options: {
livereload: true
},
taskName: { // You need a task, can be any string
files: [ // Files to livereload on
"app/js/*.js",
"app/templates/*.html"
]
}
}
或者:
watch: {
taskName: {
options: { // Live reload is now specific to this task
livereload: true
},
files: [ // Files to livereload on
"app/js/*.js",
"app/templates/*.html"
]
}
}
这里匹配glob模式的所有文件应该按照您的预期工作.如果您只是为浏览器重新加载这些参数,则无需在此处指定任务参数.
此外,如果您要将watch服务器与watch服务器一起使用,则应删除keepalive参数,因为它是一个阻塞任务,并且可能会阻止执行监视任务:
connect: {
server: {
options: {
port: 8080,
base: 'src',
livereload: true
}
}
}
内容总结
以上是互联网集市为您收集整理的javascript – 使用grunt-contrib-connect和grunt-contrib-watch实时重新加载全部内容,希望文章能够帮你解决javascript – 使用grunt-contrib-connect和grunt-contrib-watch实时重新加载所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。