fis3-parser-html-import

fis3-parser-html-uri

扩展原来的<link rel="import">,增加data传值

安装

$ npm install fis3-parser-html-import

基本使用

fis-conf.js

fis.match('page.html', {
  parser: fis.plugin('html-import')
});

page.html

<link rel="import" href="./widget.html?__inline" data="{attr:'hello',attr2:'world'}"> // 全部字段
<link rel="import" href="./widget.html?__inline" data="{attr:'hello'}"> // 部分字段
<link rel="import" href="./widget.html?__inline" data="{a:'hello'}"> // 没有匹配的字段
<link rel="import" href="./widget.html?__inline"> // 不传data

widget.html

<div>{{ attr }} - {{ attr2 }}</div>

编译结果

<div>hello - world</div>
<div>hello - </div>
<div> - </div>
<div> - </div>

自定义模板符号

fis-conf.js

fis.match('*.html', {
  parser: fis.plugin('html-import', {
      symbolStart : '{{{',
      symbolEnd : '}}}'
  })
});

widget.html

<div>{{{ attr }}} - {{{ attr2 }}}</div>