gulp-file-include 基础语法-「小宇宙科技」

1.基础模块调用

gulp-file-include 基础语法

  
        @@include(
        "./include/module.html"
        )

2.带参模块调用 /* 参数必须使用双引号 */

  
        @@include(
        "./include/module.html"
        , {
       
        "index"
        : 
        "active"
       
        })

3.文本变量

  
        //模块
       
        @@variate

        //调用
       
        @@include(
        "./include/module.html"
        , {
       
        "variate"
        : 
        "true"
       
        })

4.URL变量

  
        //模块
       
        "@@url"
        >我是一个链接
       
        //调用
       
        @@include(
        "./include/module.html"
        , {
       
        "url"
        : 
        "www.baidu.com"
       
        })

5.if语句（外部）

  
        //模块
       
        @@
        if 
        (context.flag) {
       
        我是一个模块

        }
       
        //调用
       
        @@include(
        "./include/module.html"
        , {
       
        "flag"
        : 
        "true"
       
        })

6.if语句（内部）

  
        //模块
       
        "@@if(context.flag) {active}"
        >我是一个模块

        //调用
       
        @@include(
        "./include/module.html"
        , {
       
        "flag"
        : 
        "true"
       
        })
       
        //模块
       
        if 
        (context.flag === 
        'true'
        ) {class=
        'active'
        }>我是一个模块

        //调用
       
        @@include(
        "./include/module.html"
        , {
       
        "flag"
        : 
        "true"
       
        })

7.for语句（基础）

  
        //模块
       
        @@
        for
        (
        var 
        i = 0; i < 4; i++) {
       
        "item"
        >我是一个item

        }
       
        //调用
       
        @@include(
        "./include/module.html"
        )

8.for语句（进阶）

//模块

@@ for ( var i = 0; i < context.length; i++) {


      "`+context.arr[i].url+`" 
      class=
      "item `+(i == 0 ? 'active' : '')+`"
      >`+context.arr[i].text+`


     
      }
     
     
       
     
     
      //调用
     
     
      @@include(
      "./include/module.html"
      , {
     
     
          
      "length"
      : 
      "4"
      ,
     
     
          
      "arr"
      : [
     
     
              
      {
     
     
                  
      "text"
      : 
      "111"
      ,
     
     
                  
      "url"
      : 
      "111"
     
     
              
      },
     
     
              
      {
     
     
                  
      "text"
      : 
      "222"
      ,
     
     
                  
      "url"
      : 
      "222"
     
     
              
      },
     
     
              
      {
     
     
                  
      "text"
      : 
      "333"
      ,
     
     
                  
      "url"
      : 
      "333"
     
     
              
      },
     
     
              
      {
     
     
                  
      "text"
      : 
      "444"
      ,
     
     
                  
      "url"
      : 
      "444"
     
     
              
      }
     
     
          
      ]
     
     
      })