HTML5使用fis3引入公共头部尾部

1.安装node.js。

2.node.js安装完成之后运行以下命令：

npm install -g fis3

• -g 安装到全局目录，必须使用全局安装，当全局安装后才能在命令行（cmd或者终端）找到 fis3 命令
• 如果 npm 长时间运行无响应，推荐使用 cnpm 来安装

3.安装完成后执行 fis3 -v 判断是否安装成功，如果安装成功，则显示类似如下信息：

$ fis3 -v

 [INFO] Currently running fis3 (/Users/Your/Dev/fis3/dev/fis3)

  v3.0.0

   /\\\\\\\\\\\\\\\  /\\\\\\\\\\\     /\\\\\\\\\\\
   \/\\\///  \/\\\///    /\\\/\\\
    \/\\\                 \/\\\      \//\\\      \///
     \/\\\\\\\\\\\         \/\\\       \////\\\
      \/\\\///          \/\\\          \////\\\
       \/\\\                 \/\\\             \////\\\
        \/\\\                 \/\\\      /\\\      \//\\\
         \/\\\              /\\\\\\\\\\\ \///\\\\\\\\\\\/
          \///              \///    \///

最后使用以下方法引入公共部分：

1、html中嵌入图片：

<img title="百度logo" src="images/logo.gif?__inline"/>

编译后：

<img title="百度logo" src="data:image/gif;base64,R0lGODlhDgGBALMAAGBn6eYxLvvy9PnKyfO...Jzna6853wjKc850nPeoYgAgA7"/>

2、html中嵌入样式文件：

<link rel="stylesheet" type="text/css" href="demo.css?__inline">

编译后：

<style>img { border: 5px solid #ccc; }</style>

3、html中嵌入脚本资源：

<script type="text/javascript" src="demo.js?__inline"></script>

编译后：

<script type="text/javascript">console.log('inline file');</script>

4、html中嵌入页面文件：

<link rel="import" href="demo.html?__inline">

编译后：

<h1>demo.html content</h1>