如何在WebPack中配置URL-LOADER以仅转换一些文件夹

Question

webpack.js

file.jpg：由url-loader转换为base64

file.png：使用file-loader

只需使用ext来决定所有文件。

但是如何处理file.gif？

的确，我想知道如何在WebPack中配置URL-LOADER以仅转换某些文件夹或某些文件？但不仅仅是某些类型的所有文件。

对不起，我的英语很差...

rules:{
    {
        test: /.(png|svg|ttf|eot|woff|otf)$/,
        loader: 'file-loader',
        options: {
            name: '[path][name].[ext]?[hash]'
        }
    },
    {
        test: /.(gif|jpg)$/,
        loader: 'url-loader',//url-loader?limit=30000
        options: {
            limit:30000,
            name: '[path][name].[ext]?[hash]',
        },
        exclude: ////don't know how to config
    }
}

目录结构

Answer 1

排除一个路径：

exclude: /my_excluded_path/

排除多个路径：

exclude: [
    /my_excluded_path/,
    /my_other_excluded_path/
]

排除特定的绝对路径，而不是使用正则表达式：

exclude: path.resolve(__dirname, "my_excluded_path")

Answer 2

排除特定的绝对路径，而不是使用正则表达式

{
    test: /.(gif|jpg|png|svg|ttf|eot|woff|otf)$/,//(png|jpg|gif|svg)
    loader: 'file-loader',
    options: {
        name: '[path][name].[ext]?[hash]'
    },
    exclude:  [path.join(projectRoot, './vue/img')]
},
{
    test: /.(gif|png|jpg)$/,
    loader: 'url-loader',
    options: {
        limit:30000,
        name: '[path][name].[ext]?[hash]',
    },
    exclude:  [path.join(projectRoot, './vue/image')]
}