fis3-parser-html-ejs

fis3-parser-html-ejs

fis3的parser插件。关于 ejs 的使用方法，可以参考其文档。

用法

• 安装

npm install -g fis3-parser-html-ejs

• 配置

// fis3
fis.match('**.html', {
    parser: fis.plugin('html-ejs', {
        // options
    })
})
 
// dtjs
dtjs.match('**.html', {
    parser: 'fis3-parser-html-ejs'
})
dtjs.match('**.html', {
    parser: {
        name: 'fis3-parser-html-ejs',
        options: {
            // options
        }
    }
})

• 在html中使用ejs
  • source

/**********************************
 * index.html content:
 **********************************
 <ul>
    <script type="text/ejs" data-json="config/data.json">
        <%
            for(var i=0;i<list.length;i++){
                %><li><img src="<%=list[i]%>" /></li><%
            }
        %>
    </script> 
 </ul>
 **********************************/

/**********************************
 * src/config/data.json content:
 **********************************
 {
    "list":["img/1.jpg","img/2.jpg"]
 }
**********************************/

• build

/**********************************
 * index.html content:
 **********************************
 <ul>
    <li><img src="img/1.jpg" /></li>
    <li><img src="img/2.jpg" /></li>
 </ul>
 **********************************/

配置项

可配置的选项可以参考ejs的文档说明。但 fis3-parser-html-ejs 也提供了一些可配置项。

• raw 是否保留 .html 文件中的 ejs 代码块。默认为 false。如上面的例子：

  这个配置项是为了让前端人员用 ejs 开发页面，输页面给后端时，将 raw 设置成 true 即可。

//fis3
fis.match('**.html', {
    parser: fis.plugin('html-ejs', {
        raw: true
    })
})

/**********************************
 * index.html content output:
 **********************************
 <ul>
    <%
        for(var i=0;i<list.length;i++){
            %><li><img src="<%=list[i]%>" /></li><%
        }
    %>
 </ul>
 **********************************/