Javascript 文件加载器网页包2加载目录

我在这个配置中添加了：

{
    test: /assets\/(\.png|\.jpg)$/,
    use: ['file-loader?name=[name].[ext]&publicPath=assets/&outputPath=assets/']
} 

我在

assets

目录中有一组图像，我希望它能同时为

webdev服务器

和

dist

输出同一个充满图像的文件夹

我假设我的测试将拾取该文件夹中的每个

png

或

jpg

，并将公共路径和输出路径设置为

资产

但是，Web包输出表明情况并非如此。
您使用的正则表达式实际上与您的文件不匹配。唯一的匹配项是：

assets/.png
assets/.jpg

您需要添加一个
*
，以匹配
资产/
和扩展之间的任何内容。正确的正则表达式是：

/assets\/.*(\.png|\.jpg)$/

如果您不想匹配
assets/.png
，可以使用
+
，但这应该不是什么问题

你可以试穿一下


只是为了确保没有额外的混淆：webpack配置中的规则不会包含任何内容，它们只是应用于通过测试的导入（在本例中匹配正则表达式）。您仍然需要在代码中导入它们，这将为您提供输出文件的路径，因此您的引用将是正确的