javascript - 使用 ngtemplate-loader 将带有 webpack 的 html 文件加载到 Angular 应用程序中

Question

我正在尝试使用ngtempalte-loader将html部分加载到我的 Angular 应用程序中我不知道如何只包含某个文件夹。

假设我的树结构是这样的:

-root/
     -webpack.config.js
     -app/
        -templates/
           -template1/
               -file.html  
           -template2/

我在 webpack 的配置文件中使用它:

{
   test: /\.html$/,
   loader: 'ngtemplate?prefix=app/templates/!html'
}

我也尝试过

relativeTo=

但我没有运气......它总是遍历我的所有应用程序并获取所有 html 文件。我只想让这个文件夹中的部分内容由 ngtemplate-loader 处理。你们知道怎么做吗？

Answer 1

不确定这是否仍然相关，但您可以尝试一下。为此，您需要 Node 的“路径”模块。

{
  test: /\.html$/,
  loader: 'ngtemplate?relativeTo=' + (path.resolve(__dirname, './app/templates')) + '/!html'
}