fis3-parser-html-file

fis3-parse-html-file

扩展fis3的import标签, 使href属性中的uri参数可以被替换到引入页面中

建议和疑问请邮件 [e-mail] 或提交 Issues

安装

 
    $ npm install fis3-parse-html-file
 
    # 或者全局安装
    $ sudo npm install -g fis3-parse-html-file
 

使用

 
    fis.match('**.html', {
        parser: fis.plugin('html-file')
    })
 

原页面

 
    <!-- index.html -->
    <link rel="import" href="../../../../commons/components/connect/connect.html?__inline&id=1260836231">
 
    <!-- connect.html -->
    <link rel="stylesheet" type="text/css" href="./connect.scss?__inline">
    <div class="connect">
        <div class="connect-main clearfix">
            <dl class="connect-block">
                <dt class="connect-title">{{id}}市场合作联系</dt>
                <dd class="connect-line">
            ...
 

编译后

 
    <!-- head中 -->
    <style type="text/css">
        .connect { background-color: #3d4755; }
        .connect-main { width: 1000px; margin-left: auto; margin-right: auto; padding-top: 46px; padding-bottom: 54px; }
        ...
    </style>
 
    <!-- 页面中 -->
    <div class="connect">
        <div class="connect-main clearfix">
            <dl class="connect-block">
                <dt class="connect-title">1260836231市场合作联系</dt>
                ...
 

优缺点

优点

• 解决某些页面引入需要传参的问题
• 解决被引入的页面中包含相对路径的资源

缺点

• 被引入的页面没有被fis3监听

更新日志

2016-12-22 (v0.0.4-v0.0.6)

• 先替换数据, 再修改路径, 应对路径中有数据要替换的情况

2016-12-21 (v0.0.1-v0.0.3)

• 上传