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

Question

webpack.js

file.jpg：通过 url-loader 转换为 base64

file.png：使用文件加载器

只需使用 ext 来决定项目中的所有 file.jpg 进行转换。</p>

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