Node.js + gulp 合并静态页模版,文件更新自动热重载。浏览器可预览
2017-09-28 00:07
579 查看
github地址:https://github.com/Liaozhenting/template
使用的是ejs的语法.其实你用什么文件后缀都可以,都是按ejs来解析.
模板文件放在component文件夹.模板文件也可以放在其它文件夹,只要你引用的路径是对的
HTML文件放在src文件夹.(必须)
解析后输出的文件在dist文件里
在src目录下的index.html文件里引用模板
<% include ../component/head.html %> ...我的代码 <% include ../component/foot.html %>
这样就在index.html方便的复用html头部模板和脚部模板
使用
请先确定安装了Node.js
npm install gulp dev 启动一个自动热重载的服务器,默认端口3000.浏览器可以预览目录下的页面 gulp ejs 合并模版
遍历src里面的文件,输出到dist目录.
相关文章推荐
- 使用gulp进行自动在js文件后加版本号,使在更新的时候不必手动清理缓存
- gulp最佳实践(包含js,css,html预编译,合并,压缩,浏览器自动刷新)
- node webkit (nw.js) 设置自动更新
- Node.js模拟浏览器文件上传示例
- node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
- Node.js模拟浏览器文件上传
- node.js同步合并.ts文件
- 项目中js文件修改后浏览器不能及时更新的解决办法
- 浏览器-点击预览视频文件(自动播放、循环播放)
- Node.js模拟浏览器文件上传示例
- 解决修改css文件或js文件后浏览器无法及时更新的问题方法
- gulpfile.js(编译sass,压缩图片,自动刷新浏览器)
- Web项目发布 采用gulp压缩 JS CSS CSHTML ASPX HTML Image 给JS CSS自动添加版本号 强制浏览器刷新缓存
- gulp 之一 安装及简单CSS,JS文件合并压缩
- gulp打包js/css时合并成一个文件时的顺序解决
- 【深入浅出Node.js系列十】一个简单的静态文件合并服务器
- 使用gulp-concat合并js文件
- node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
- 如何在修改 gulpfile.js 文件后自动重启 gulp?
- node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用