htmlloader的作⽤,html-loader插值
在js插件中，需要将html以模板⽅式引⼊，并且需要解析模板，本⽂采⽤的⽅式是html-loader+hogan.js, 对⽐了mustache-loader做⽐较分析
⽅式⼀：
安装html-loader及hogan.js：
npm install -D html-loader
npm install -D hogan.js
webpack配置如下：
{
test: /\.html$/i,
loader: 'html-loader',
options: {
minimize: true
}
}
在js中分别引⼊：
import bellTmpl from './index.html';
var Hogan = require('hogan.js');
var compiledTemplate = pile(bellTmpl);
属狗多大ElementById('app').innerHTML = der({
web_path: ENV.web_path,
access_token: access_token,
虾饺
show_dashboard:fal
});
利⽤html-loader引⼊html后，使⽤Hogan对html进⾏解析，可实现对html的插值。使⽤html-loader的优势在于，在webpack中配置url-loader后，在HTML中引⼊图⽚时可以直接使⽤相对路径：，url-loader会直接加载./images/sjzl.png⽂件，不需要在index.html中使⽤
require⽅式引⼊
新加坡英文补充：
Hogan的语法规则：
{{name}} 编译的变量
{{{name}}} 不编译的变量
归档文件整理规则{{#list}} {{/list}} 列表循环或真值判断
拜拜英语
{{^list}} {{/list}} 空列表或⾮真值判断
{{.}} 枚举的当前元素
日本动漫音乐
{{!}} 注释
例：
{{#show_dashboard}}
{{/show_dashboard}}
⽅式⼆：
安装mustache-loader
npm install -D mustache-loader
在webpack中配置：
{
女方父亲婚礼致辞精选test: /\.html$/i,
loader: 'mustache-loader'
}
广东特产在js中使⽤：
var bellTmpl = require('./index.html');
var html = bellTmpl({
web_path: ENV.web_path,
access_token: access_token
});
mustache-loader虽然可以引⼊html，并实现插值，但在对于图⽚的处理上有所⽋缺，⽆法直接使⽤相对路径去加载图⽚，故推荐⽅式⼀
