将SVG文件转换为Vue SFC(热重载与SVGO支持)JavaScript开发
将 SVG 文件直接作为 Vue 组件,而不是通过 URL 导入,给你带来了更多的灵活性。你可以用 CSS 直接控制它的样式,也能在组件中加入其他 DOM 属性或事件程序,这种方式相对更直接和高效。与 vue-svg-loader 不同的是,这个项目通过 vue-loader 进行编译,所以它支持 webpack 的热重载功能,这点在开发过程中方便。而且它不仅支持通过类和样式来控制 SVG,还能对所有 DOM 属性进行操作,强大。
如果你有频繁使用 SVG 的需求,而且想要在 Vue 中直接使用它们并做更精细的控制,试试看这个工具。它简单易用,配合 SVGO 优化后,可以大大减少文件体积,提升页面加载速度。
196.93KB
文件大小:
评论区