javascript - Webpack AngularJS 复制 AngularJS 模板但不包含在 JavaScript 包中

Question

我想做的是配置 webpack，将 Angular 1.x 指令等中所需的所有部分 html 模板复制到一个单独的文件夹中(就像文件加载器对引用的资源所做的那样)来自CSS)。我不希望部分 html 包含在我的 javascript 包中，而是将它们全部放在一个具有散列名称的文件夹中。

我尝试配置文件加载器来执行此操作，但是当我在监视模式下运行 webpack 时，它还会再次将 dist 文件夹中的那些 html 复制到其中，并附加一个新的哈希值，并且本质上会在显示的每个新 html 时产生无限循环该文件夹中的 up 被复制，因此一个新的 html 出现，一次又一次。我尝试为该加载程序设置一个 exclude 匹配模式，但 webpack 仍在运行并不断监视该文件夹。

这是我的 webpack.config.js 文件的摘录:

module: {
    loaders: [
        test: /\.html$/,
        exclude: /bundle\/templates/,
        loader: `file-loader?name=bundle/templates/[name]-[hash].[ext]
    ]
}

是否有一个加载程序可以帮助我做我想做的事情，而无需诉诸黑客？

Answer 1

好的，我已经找到答案了。问题不在于 file-loader，即使没有 exclude，它也像这样正确配置。导致无限循环的原因是动态要求创建了一个与这些复制的 Assets 也匹配的正则表达式...因此，通过为此动态要求设置适当的上下文，问题就得到了解决。