Merge pull request #87 from SpaceK33z/feature-loaders-doc

Add loader example in readme

README.md

@@ -4,8 +4,8 @@ HTML Webpack Plugin
 
 This is a [webpack](http://webpack.github.io/) plugin that simplifies creation of HTML files to serve your
 webpack bundles. This is especially useful for webpack bundles that include
-a hash in the filename which changes every compilation. You can either let the plugin generate an HTML file for you or supply
-your own template (using lodash/ejs templates.
+a hash in the filename which changes every compilation. You can either let the plugin generate an HTML file for you, supply
+your own template using lodash templates or use your own loader.
 
 Installation
 ------------
@@ -14,7 +14,6 @@ Install the plugin with npm:
 $ npm install html-webpack-plugin@2 --save-dev
 ```
 
-
 Basic Usage
 -----------
 
@@ -142,6 +141,23 @@ plugins: [
 </html>
 ```
 
+If you already have a template loader, you can use it to parse the template.
+
+```javascript
+module: {
+  loaders: [
+    { test: /\.hbs$/, loader: "handlebars" }
+  ]
+},
+plugins: [
+  new HtmlWebpackPlugin({
+    title: 'Custom template using Handlebars',
+    template: 'my-index.hbs',
+    inject: 'body'
+  })
+]
+```
+
 Alternatively, if you already have your template's content in a String, you
 can pass it to the plugin using the `templateContent` option:
 ```javascript
@@ -153,7 +169,7 @@ plugins: [
 ]
 ```
 
-You can use the lodash/ejs syntax out of the box.
+You can use the lodash syntax out of the box.
 If the `inject` feature doesn't fit your needs and you want full control over the asset placement use the [default template](https://github.com/ampedandwired/html-webpack-plugin/blob/master/default_index.html)
 as a starting point for writing your own.
 

index.js

@@ -4,6 +4,7 @@ var fs = require('fs');
 var _ = require('lodash');
 var Promise = require('bluebird');
 var path = require('path');
+var urlModule = require('url');
 Promise.promisifyAll(fs);
 
 var webpack = require('webpack');
@@ -334,7 +335,7 @@ HtmlWebpackPlugin.prototype.htmlWebpackPluginAssets = function(compilation, chun
       path.relative(path.dirname(self.options.filename), '.');
 
   if (publicPath.length && publicPath.substr(-1, 1) !== '/') {
-    publicPath += '/';
+    publicPath = urlModule.resolve(publicPath + '/', '.');
   }
 
   var assets = {