vue-cli 4 配置 svg-sprite-loader

原创
前端路迹
2022-11-8 16:56
编辑于 2022-11-8 16:59

vue 项目中使用 svg 图标。配置 svg-sprite-loader,在 vue.config.js 中配置

{
    chainWebpack: (config) => {
        config.module
        .rule('svg')
        .exclude
        .add(resolve('src/components/SvgIcon/icons'))
        .end()

        config.module
            .rule('icons')
            .test(/\.svg$/)
            .include.add(resolve('src/components/SvgIcon/icons'))
            .end()
            .use('svg-sprite-loader')
            .loader('svg-sprite-loader')
            .options({
                symbolId: 'svgicon-[name]'
            })
            .end()
    }
}
转载请注明出处。本文地址: https://www.qinshenxue.com/article/vue-cli-4-configuring-svg-splite-loader.html
关注我的公众号