Vue CLI如何实现详尽的浏览器兼容性实践策略？

本文共计2038个文字，预计阅读时间需要9分钟。

浏览器市场占有率+在处理浏览器兼容性问题之前，我们先来了解一下现在的浏览器市场分布状况，以下是来自statCounter的数据，基本覆盖了全球浏览器市场占有率统计，且前端领域占比达70%。

浏览器市场占有率

在处理浏览器兼容性问题之前，我们先来看一下现在的浏览器市场份额是怎样的，👇下面是来自statCounter的数据，基本上覆盖了全世界浏览器市场份额的统计，而且前端er经常使用的caniuse所拉取的浏览器数据就是来自statCounter。

世界范围

天朝范围

Plus移动端

分析

从统计数据可以看出，对于国内的PC端浏览器，QQ浏览器以及Sogou的占比还是挺高的，所以在做兼容性处理的时候也需要多考虑这两款浏览器。不过QQ浏览器和Sogou都是封装了Chrome的内核，而它们的更新通常也就是随着Chrome的版本更新而更新，但是这两款浏览器通常不会和Chrome的最新版本同步，而是会有一定的滞后性，所以通常我们兼容的时候要去考虑它们所使用的Chrome内核版本来处理。

Vue CLI3

简述

随着尤大最新力作-Vue CLI3的发布，团队也将项目的脚手架升级为最新的CLI3了，CLI3带来了很多新的特性，比如支持webpack4、支持可视化化地配置项目、封装了很多官方的插件降低了上手的成本等。