分離html模板，抽取公共的模板
需要安裝外掛
這是一個webpack載入器，可以把檔案原樣返回字串

npm install raw-loader --save-dev

示例程式碼
var header = require(“raw!xxx.html”);
就會把html內容讀取出來

首先建立一個header.html

<p>這是頭部公共部分</p>

這個是給我們login.html來包含的

<div id="header">

</div>

第一種方法：
在login.js中直接require(xxx);
然後利用jquery的方式來插入

第二種方法：
login.html中

<div id="header">
        <%=require('raw!./header.html')%>
</div>

執行gulp任務後，編譯後的模板login-build.html中就已經包含了header.html的內容

第三種方法：
也是充分利用webpack的HtmlWebpackPlugin外掛


執行 gulp run