Ant Design Pro и @ svgr / webpack - PullRequest
       9

Ant Design Pro и @ svgr / webpack

1 голос
/ 27 февраля 2020

Может кто-нибудь помочь мне выяснить, как настроить ant design pro для использования svg в качестве компонентов, используя @ svgr / webpack, пожалуйста?

Что я сделал:

в plugin.config . js, внутри функции webpackPlugin я добавил следующий код:

const svgToComponentRule = config.module.rule('svg')
svgToComponentRule
    .test(/\.svg(\?v=\d+\.\d+\.\d+)?$/)
    .include
        .add(path.resolve(__dirname, '../src/assets/icons-svg'))
        .end()
svgToComponentRule
        .use('babel-loader')
            .loader('babel-loader')
        .end()
        .use('@svgr/webpack')
            .loader('@svgr/webpack')
                .options({
                    babel: false,
                    icon: true,               
                })
                .end()

Это не работает со следующей ошибкой:

enter image description here

В чем проблема?

Спасибо всем за помощь.

PS: @ svgr / webpack установлен как модуль зависимости dev.

...