文件加载器的WebPack 2负荷目录

Question

我已经在这个配置中加入：

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

我有一个assets目录一堆图像，我希望它的输出都为web-dev-server和dist同一个文件夹充满了图像。

我假设我的测试会在该文件夹中每png或jpg拿起并将公共路径和输出路径都设置为assets。

但是webpack的输出结果并非如此。

Answer 1

正在使用的正则表达式实际上并不匹配您的文件。唯一的匹配为：

assets/.png 
assets/.jpg 

您需要添加一个.*匹配assets/和分机之间任何东西。正确的正则表达式是：

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

如果你不想匹配assets/.png可以使用.+代替，但真的不应该是一个问题。

你可以在RegExr试试。

---

只是为了确保没有额外的困惑：在配置的WebPack的规则将不包括任何东西，他们只是得到应用到通过测试（符合在这种情况下，正则表达式）的进口。您仍然需要将它们导入到代码中，这会为您提供输出文件的路径，因此您的引用将是正确的。