Vue学习-1（11）使用svg-sprite-loader引入icon

icon从精灵图->svg

• iconfont.cn下载svg

• 引入svg过不了ts检查
  
  
  
  

• wp添加svg-sprite-loader
  

yarn add svg-sprite-loader -D

• vue添加svg-sprite-loader
  

const path = require('path');
module.exports = {
	lintOnSave: false,
	chainWebpack: config =>{
	const dir = path.resolve(__dirname,'src/assets/icons')
	//__dirname当前目录
	//config是cli封装的webpack配置暴露的接口
	config.module
		.rule('svg-sprite')
		.test
		//限定生效所处目录
		.include.add(dir).end()
		.use('svg-sprite-lodaer').loader('svg-sprite-lodaer').options({extract:false}).end()
	config.plugin()
	}

}
...

• 引入svg和使用icons