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

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

一、文件目录

• 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的执行文件

二、使用方法

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

三、git地址

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

四、参考链接

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