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

Question

我想做的是以一种方式配置 webpack，将 angular 1.x 指令等所需的所有部分 html 模板复制到一个单独的文件夹中(就像文件加载器对引用的 Assets 所做的一样来自 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]
    ]
}

有没有加载器可以帮助我做我想做的事而不需要借助 hack？

Answer 1

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