webpack - 如何为 webpack 中的特定路径配置加载器

Question

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

{
    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 .