如何在 webpack 中配置 url-loader 以仅转换某些文件夹？

Question

webpack.js

file.jpg：通过url-loader

转换为base64

file.png: 使用文件加载器

直接用ext决定所有file.jpg项目中的改造。

但是如何处理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
    }
}

Directory Structures

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')]
}

如何在 webpack 中配置 url-loader 以仅转换某些文件夹？

how to config the url-loader in webpack to transform only some folders?

urlloader

webpack

webpack-file-loader