HBS前端模版加载器和例子

+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

@@ -31,6 +31,9 @@ iconfont 新建项目，使用 class 控制图标样式，不要用 unicode
 支持 一个按钮，两个按钮，多个按钮
 每个按钮支持自定义事件
 
+<h2>Handlebars Template</h2>
+<p>Hello,<span id="hbs-placeholder"></span>!</p>
+
 <h2>Vue 示例</h2>
 
 <div id="app">

@@ -54,6 +54,7 @@
     "gulp-postcss": "^6.1.0",
     "gulp-sourcemaps": "^2.0.0-alpha",
     "gulp-util": "^3.0.7",
+    "handlebars-loader": "^1.3.0",
     "husky": "^0.11.4",
     "nodemon": "1.9.2",
     "postcss-assets": "^4.0.1",

+<span>{{text}}</span>

+var tpl = require('./hello.hbs');
+
 var Vue = require('yoho-vue');
 
 var app = require('example/home.vue');
@@ -31,4 +33,11 @@ var test = {
         };
     }
 };
+
+// Handlebars/HBS 模版例子
+$('#hbs-placeholder').html(tpl({
+    text: 'Handlerbars'
+}));
+
+
 /* eslint-enable */

@@ -53,7 +53,10 @@ module.exports = {
         }, {
             test: /\.css$/,
             loader: 'style!css?-url'
-        }]
+        }, {
+            test: /\.hbs$/, loader: 'handlebars-loader'
+        }
+        ]
     },
     resolve: {
         modulesDirectories: ['node_modules', './vue']