如何在webpack中为特定路径配置加载程序

Question

关于webpack配置设置的问题：在大多数示例中，loader中的测试选项仅检查文件名，而不是完整路径。我有不同目录中相同类型的文件，但我想使用不同的加载器，例如

{
    test:/aaa\/.*.html/,
    loader:'loaderA'
},
{
    test:/bbb\/.*.html/,
    loader:'loaderB'
}

有没有办法让这项工作？感谢您的关注和答案。

Answer 1

您可以使用include和exclude属性（docs）：

{
    test:/\.html$/,
    include: [
        path.resolve(__dirname, "app/pathA")
    ],
    loader: 'loaderA'
},
{
    test:/\.html$/,
    include: [
        path.resolve(__dirname, "app/pathB")
    ],
    loader: 'loaderB'
}

对于文件夹pathA中的文件，将应用加载程序loaderA和pathB - 加载程序loaderB。