如何在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.