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/