如何通过grunt+swig实现自动化?

情况是这样的,自己在做练习,想使用swig模板,通过grunt + livereload来实现自动化。

首先我先设置了端口号为80

var port = normalizePortprocess.env.PORT || 80;
var server = http.createServerapp;
server.listenport;

同时也设置了默认请求

var index = require./routes/index;
app.use/, index;

这样在直接访问地址的时候,已经可以直接访问到index.html了,但是想通过grunt + livereload来实现自动化。
这样就用到了watch

/* 部分代码 */
watch: { html:{ options:{ livereload:{ port: 80 } }, files:[views/**/*.html] }
}

也设置了grunt的default任务,执行grunt成功。
但是修改html文件,并不会实时生效,但是如果重启server就能生效了,这样我又想到加入shell。

shell:{ run:{ command:node server.js --inline }, killall:{ command:killall node }
} watch: { html:{ options:{ livereload:{ port: 80 } //livereload工具,浏览器安装插件后,不用重启服务器,不用刷新页面,好神奇的说 }, files:[views/**/*.html], //如果swig的文件有变化,就执行任务 tasks:[shell:run] }
}

但是还是不行,希望大家能给点儿帮助,谢谢。

另外请问一下,对livereload设置端口,到底有什么用呢?

grunt watch livereload
查看 enabling live reloading in your html

为什么能自动刷新网页。其实就是你的服务器起了一个TCP/TLS Server,并监听一个端口。网页livereload脚本与这个端口建立连接,当服务器文件发生变化,服务器向通知浏览器执行刷新命令,这样你可以尝试如何让HTTPS的服务器也能够实现自动刷新。

发表评论

电子邮件地址不会被公开。 必填项已用*标注