node处理静态模板没法自动引入问题

本文是在参考张鑫旭大神的文章所写，对其进行了一些优化，在原文中只对入口文件 import/import-example.html作了监控，当footer.html发生改变时，最终文件并不会发生变化，此时须要对import/import-example.html进行保存操做，才会从新生成新的最终文件，我所作的优化是在读取入口文件时，对其依赖的全部文件作了统计，监控每个依赖文件，发生改变时，都会改变最终文件

1、文件目录

• img 是项目依赖的静态资源文件
• import文件夹里面是模板文件
  • import/css.html css文件
  • import/footer.html 顾名思义，公共的footer组件
  • import/header.html 公共的header组件
  • import/import-example.html 至关于入口文件，各个组件的引入是在这个文件里面，经过link ref="import"的方式引入
• import-example.html（通过执行node import生成的文件），通过替换后生成的最终文件
• import.js node的执行文件

2、使用方法

直接执行node import，而后就会生成import-example.html，这个就是咱们须要的静态页面，当修改该页面依赖的import/内的文件后，import-example.html文件也会自动改变

3、git地址

• https://github.com/litCabbage/node-import-template

4、参考连接

• https://www.zhangxinxu.com/wordpress/2016/06/csser-how-to-use-nodejs/