数据分析平台,郑州做网站优化公,长春建设网站,厦网站建设培训首先说明精灵图的必要性#xff0c;其可以让我们只需要向服务器请求一次图片资源#xff0c;就能加载很多图片#xff0c;即能够减轻http请求造成的服务器压力。
然后这里要说明的是这个插件是webpack上面的#xff0c;所以在vue2中比较好用#xff0c;如果在vue3中…首先说明精灵图的必要性其可以让我们只需要向服务器请求一次图片资源就能加载很多图片即能够减轻http请求造成的服务器压力。
然后这里要说明的是这个插件是webpack上面的所以在vue2中比较好用如果在vue3中可能解决方案就不是这个插件了。
然后svg的解决方案包含了精灵图和svg的全局组件配置这里只是一部分完整版的解决方案还有另一篇。
这是老师的图的细节。 老师没提到上面的部分然后这里还有我没注意到的细节就是或许因为这个东西属于是webpack上的所以在vue.config.js文件中并没有引入这个文件而是直接添加配置项即可。上面的框的意思是不要用默认的svg的方式来解析下面的框意思是按照我们设置的svg-sprite-loader来将这些图片转成雪碧图。当然我们想看到效果可以通过检查浏览器的代码找到
这些代码。
