Webpack：对ng-include使用require

Question

我是webpack的新手，现在我在我的一个有角度的项目中第一次使用它。

我想在我的html文件中使用require函数，以便为ng-include要求模板，如下所示：

<div ng-include="require(./my-template.html)"></div>

我知道有像ng-
cache和ngtemplate这样的加载器，但它们无法按我需要的方式工作。对于它们，我必须先在js中要求模板，然后再在html文件中使用模板名称。

如何做到这一点？

Answer 1

您可以在npm上使用webpack-required-loader。

在您的应用js或模块js中添加注释：

//@require "./**/*.html"

在模板中，您可以使用

<div ng-include="'my-template.html'"></div>

Ngtemplate可以正常工作。Ng缓存也可以。

另请注意，ng-include指令中不需要相对路径，因为可以通过//@require在条目文件的开头添加命令来解决该相对路径。

最后，请注意，必须使用双引号和单引号使ng-include起作用。所以你会这么做"'template-name.html'"，不会"template- name.html"或'template-name.html'。

如何配置加载器