20240414——学习vite,yarn对比npm,对比vite中各个前端框架的区别,对比地图库

373 阅读1分钟

1,vite是一个打包工具,可以用来编译原生js,vue,react,preact,lit,svelte,solid,qwik项目。vite主要一个特点就是快,启动快,编译快。启动快是因为vite使用后端语言go编写的esbuild预编译了node_modules中的包,利用es module的特性,让浏览器编译了es module格式的代码。这是启动快。编译快,是因为vite采用了预编译缓存了不变的部分的包,同时采用HMR实现了模块热更替。vite目前还有一个缺点,就是运行阶段和构建阶段使用的编译工具不同,这会导致生产环境出现一些未知的问题。

2,yarn对比npm的安装速度明显加快,是因为yarn采用并行安装,但是npm采用队列安装。其次,yarn有lock文件,保证每个开发者安装的node_modules的包的版本的一致性。npm后来也增加了lock文件。

3,vite支持vanillajs,vue,react,lit,svelte,qwik,solid,preact这些框架,其中vanillajs就不用多说了,最原生的开发方式。其次,就是vue和svelte比较像,都是基于模板开发的。其次就是,react,preact,qwik,solid,几个比较像,都是基于组件函数式开发。最后就是lit,lit采用原生的js能力,自定义组件,进行开发。

4,在常见的几个地图库中,只有arcgis,openlayers,mapbox使用webgl技术,这样可以增强渲染能力。