How to configure the contents of webpack.base.conf.js in vue.config.js in vue.cli3.0

before introducing the svg component, I made the relevant configuration in webpack.base.conf.js, but now how to configure vue.cli3.0 in vue.config.js to make it take effect
the following figure is the previous configuration in 2.0
clipboard.png
now you just need to write it in vue.config.js and make it work. Thank you!

Mar.10,2022

ide/webpack.html-sharp%E6%B7%BB%E5%8A%A0%E4%B8%80%E4%B8%AA%E6%96%B0%E7%9A%84-loader" rel=" nofollow noreferrer "> official tutorial

module.exports = {
    chainWebpack: config => {
        config.module
            .rule('svg')
            .test(/\.svg$/)
            .include
            .add(resolve('src/icons'))
            .end()
            .use('svg-sprite-loader')
            .loader('svg-sprite-loader')
            .options({
                symbolId: 'icon-[name]'
            })
    }
}

chainWebpack can

clipboard.png
this is vue-loader


buddy, have you solved this problem

Menu