你要一个一个去改html文件,此时我就想:
基础库的include功能使用的是插件,在这里简单的看下它的使用语法:
注意所有要include的代码片段写在src/include
目录下,举个例子:
index.html
include目录下有个item.html
<h1>view</h1>
在开启gulp
命令的情况下会实时监控html文件的变化,最终编译的结果为:
除了基本的复用片段之外,还有进阶的功能,就是可以通过传参改变片段里的内容,让我们看下面这个示例代码:
index.html
<!DOCTYPE html>
<body>
@@include('include/item.html', {
"name": "lnv-mobile"
})
</body>
include目录下有个item.html
<!DOCTYPE html>
<html>
<body>
<h1>lnv-mobile</h1>
</body>
</html>
更多的如if判断、循环遍历功能,
最后终于方便了,运营妹子又兴高采烈的找你,然后: