你要一个一个去改html文件,此时我就想:

    基础库的include功能使用的是插件,在这里简单的看下它的使用语法:

    注意所有要include的代码片段写在src/include目录下,举个例子:

    index.html

    include目录下有个item.html

    1. <h1>view</h1>

    在开启gulp命令的情况下会实时监控html文件的变化,最终编译的结果为:

    除了基本的复用片段之外,还有进阶的功能,就是可以通过传参改变片段里的内容,让我们看下面这个示例代码:

    index.html

    1. <!DOCTYPE html>
    2. <body>
    3. @@include('include/item.html', {
    4. "name": "lnv-mobile"
    5. })
    6. </body>

    include目录下有个item.html

    1. <!DOCTYPE html>
    2. <html>
    3. <body>
    4. <h1>lnv-mobile</h1>
    5. </body>
    6. </html>

    更多的如if判断、循环遍历功能,

    最后终于方便了,运营妹子又兴高采烈的找你,然后: