Integrated Template loading using html-loader

.eslintrc

@@ -1,10 +1,7 @@
 
 {
     "rules": {
-        "indent": [
-            2,
-            4
-        ],
+
         "linebreak-style": [
             2,
             "unix"

src/myview.js

@@ -4,7 +4,7 @@ import $ from 'jquery';
 import Mustache from 'mustache';
 import axios from 'axios';
 import Http from './http';
-
+import template from './views/template.html';
 
 export default class MyView extends Backbone.View {
 
@@ -14,6 +14,7 @@ export default class MyView extends Backbone.View {
 
     initialize() {
         this.el = '#myarea';
+        console.log(template);
         this.$el = $(this.el);
         this.template = 'Hello';
         Http.service.get('olapa')
@@ -28,7 +29,7 @@ export default class MyView extends Backbone.View {
     }
 
     render() {
-        this.$el.html(Mustache.render(this.template));
+        this.$el.html(Mustache.render(template,{data:'This is a sample. sdfhd'}));
     }
 
 

src/views/template.html

@@ -0,0 +1 @@
+<label for="">LABEL - {{data}}</label>

webpack.config.js

@@ -7,13 +7,23 @@ module.exports = {
     },
     module: {
         rules: [{
-            test: /\.js$/,
-            exclude: /node_modules/,
-            use: 'babel-loader'
-        }]
+                test: /\.js$/,
+                exclude: /node_modules/,
+                use: 'babel-loader'
+            },
+            {
+                test: /\.html$/,
+                use: [{
+                    loader: 'html-loader',
+                    options: {
+                        minimize: true
+                    }
+                }],
+            }
+        ]
     },
-	devServer: {
-		contentBase: [ './' ],
-		watchContentBase: true
-	}
+    devServer: {
+        contentBase: ['./'],
+        watchContentBase: true
+    }
 };