[AngularJS + Webpack] Requiring Templates

With Angular, most of the time you ' re specifying a templateurl for your directives and states/routes. This means your need to make sure so you ' re loading in these templates into the $templateCache for your tests and product Ion. Oh, and don ' t forget to update all your URLs whenever you move the files around! When you add a Webpack and the Html-loader, you don't need to does this anymore. Simply require the HTML file and your work is done!

Install:

Install -D Html-loader

Webpack.config.js:

Module.exports = {    entry: {        app: ['./app/index.js ']    },    output: {        './build ' ,        ' Bundle.js '    },    module: {        loaders: [            /\.js$/, loader: ' Babel-loader ', exclude:/node_ Modules/},            /\.html$/, loader: ' Html-loader ', exclude:/node_modules/}        ]    };

Hello.js:

default (ngmodule) = {    ngmodule.directive (' Hello ',  (        ) + = {return  {            ' E ',            scope: {},            Template:require ('./hello.html '),            ' vm ',             function() {                varthis;                 = "Hello";}}    )}

[AngularJS + Webpack] Requiring Templates