webpack外掛:使用HtmlWebpackPlugin在頁面中使用EJS語法引用模板檔案（二）
阿新 • • 發佈：2018-12-31
上一篇中僅僅說了使用HtmlWebpackPlugin來處理html模板，其實該外掛還支援EJS的模板語法：
那麼我們就能把html頁面的公用html程式碼拿出來成一個元件，需要的時候使用模板引入
具體怎麼做呢？
如果weboack不能直接去支援這麼寫，需要一個html-loader作為中介；
- 那麼第一步需要先初始化這個loader:
npn install html-loader --save-dev- 再說一下EJS模板的基本語法
<% require('html-loder!模板相對路徑') %>注意：如果不寫html-loder!，打包的時候會有錯誤的，因為webpack需要根據loader去處理這樣的模板
上一個demo:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<% require('html-loader!./layout/header.html') %>
<body>
Login
</body>
</html>