Как разграничить лоадеры вебпака?

Question

[GaserV]

Такая ситуация. Есть свг иконки. И мне нужно сделать так, чтобы если импорт иконки идет в less - тогда юзать url-loader например, а если в tsx - тогда @svgr/webpack; Как это можно сделать?

Answer 1

[GaserV]

Кому интересно, решил проблему так:

{
                test: /\.svg$/,
                use: ['@svgr/webpack'],
                issuer: {
                    include: /\.tsx$/,
                    exclude: /\.less?$/,
                },
            },
            {
                test: /\.svg/,
                use: {
                    loader: 'svg-url-loader',
                    options: {},
                },
                issuer: {
                    include: /\.less$/,
                    exclude: /\.tsx?$/,
                },
            },