上节课 我们利用gulp-webpack插件,把我们安装的gulp和webpack结合并实现了js的编译到压缩一步搞定。
但是问题来了,前端开发总不能只写JS吧,如果我把开发html页面啥的咋整?
gulp模板插件:
npm install gulp-template --save-dev
通过这个插件,我们可以像写后台模板一样写前端页面.首先我们来学习下写法
index.html 模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>大家好,我的年龄<%=age %></h1>
</body>
</html>
gulpfile.js
var gulp_tpl = require('gulp-template');
gp.task("page", function () {
gp.src(['index.html'])
.pipe(gulp_tpl(
{
"age":20
}
))
.pipe(gp.dest('./build/html'));
});
gulp page