Webpack将html-loader与文件加载器结合起来复制模板

Question

我要做的是合并html-loader来复制从html模板引用的资源，例如<img src="some/path/here.jpg" />和file-loader将这些html模板复制到捆绑文件夹中。 我不希望直接在javascript包中嵌入这些html文件。

我认为这会奏效，但事实并非如此：

{
    test: /\.html$/,
    loaders: ['file-loader?name=templates/[name]-[hash].[ext]', 'html-loader']
},
{
    test: /\.jpg$/,
    loader: 'file-loader?name=assets/[name]-[hash].[ext]'
}

我最终在我复制的html模板中有这个：

module.exports = "<img src=\"" + require("../img/image.jpg") + "\" />";

非常感谢任何帮助。

修改

澄清。

我的html模板包含以下内容：

<img src="../img/image.jpg" />

运行webpack后，image.jpg 不已复制到assets/文件夹。 html模板 已复制到templates/文件夹，但其内容为：

module.exports = "<img src=\"" + require("../img/image.jpg") + "\" />";

而我希望它是：

<img src="../assets/image-webpackHashHere.jpg" />

当然应该在计算机名下使用哈希值复制图像。