vue-cli3如何简单快速的使用SVG
引入vue-svg-loader
在vue.config.js内进行配置
chainWebpack: config => {
const svgRule = config.module.rule('svg');
svgRule.uses.clear();
svgRule
.use('vue-svg-loader')
.loader('vue-svg-loader');
},
像引入组件一样引入svg矢量图
import addPic from '@/icons/add.svg';
export default {
components: {
addPic
}
}
<addPic style='width: 20px;height: 20px;'></addPic>