VUE-cli3使用 svg-sprite-loader

webpack 配置,在Vue.config.js加入处理 svg 的 loader：这时候发现还是不行啊， body 中并没有看到 symbol 标签。使用方法很简单，相较于原来插入 svg 图标的方法，用 svg-sprite 更加简单且清爽：嗯，就这样短短一行。webpack 可以帮我们做到：代码实例:首先在main.ts中引入icons/index.js,将icons/svg中的所有svg导入并注册全局组件SvgIcon//SvgIcon组件代码接下来就可以使用组建了关于 require.context 的详细用法，可以参考 webpack 文档：dynamic requires这样一来，每当我们修改或增加新的 svg，只要将文件往这个目录下一扔，插件就会自动帮我们生成相应的 symbol 标签啦，接下来就只管用吧