按需加载优化一些第三方包的体积 比如loadsh,项目中只用到了{cloneDeep 、throttle、debouce}这个几个函数,但是由于lodash是common.js版本不支持按需引入,500多k全部打包进来了 import _ from 'lodash-es'; // 将会把整个lodash的库引入到项目 import { cloneDeep } from 'lodash-es'; // 将只会把cloneDeep引入...
加载图标时自定义转换 SVG 文件,例如给图标添加fill属性。 ImportIcons({transform(svg,collection,icon){// apply fill to this icon on this collectionif(collection==='icons'&&icon==='account'){returnsvg.replace(/^<svg/,'<svg fill="currentColor" ');}returnsvg;},}); ...
总结: vite-plugin-svg-icons是基于Vite的插件,通过使用SVG sprite技术,将SVG图标转换为Vue组件并自动导入。它的原理是将多个SVG图标合并到一个SVG sprite文件中,并生成一个包含所有SVG图标信息的JavaScript模块。通过导入这个模块,开发者可以方便地使用SVG图标,并实现按需加载,提高应用的性能和效率。©...
加载图标时自定义转换 SVG 文件,例如给图标添加fill属性。 ImportIcons({transform(svg,collection,icon){// apply fill to this icon on this collectionif(collection==='icons'&&icon==='account'){returnsvg.replace(/^<svg/,'<svg fill="currentColor" ');}returnsvg;},}); ...