Angular directive and Webpack Html-loader

Problem:

Angular's directive supports two ways to specify templates using template and Templateurl

Template method needs to put the HTML content in JS, although there are es6 string can be wrapped, less editor on the HTML of the smart complement is not very uncomfortable

Templateurl is a friendly way for a purely static managed angular project

If the page is returned by the back-end server, the page will not be found using a relative path (which is of course)

So will use $templatecache to put the page content into JS (gulp, such as Ngtemplatecache tools)

You have to introduce additional JS.

Solve:

Webpack's Html-loader the document to the elegant solution.

After configuring Html-loader in Webpack.config.js, simple use of Template:require ("./template.html") solves the:)

Angular directive and Webpack Html-loader