
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
掌握工具能够显著提高程序员的编程开发效率,而今天我们就一起来了解一下,web前端开发程序员都会使用哪些开发工具。
1、snowpack
snowpack是一个相对轻量的bundless方案,之前也写过一篇精读snowpack,其实bundless就是利用浏览器支持的ESMimport特性,利用浏览器进行模块间依赖加载,而不需要在编译时进行。
跳过编译时依赖加载可以省很多事,比如不用考虑treeshaking问题,也不用为了终产物加速而使用缓存,相当于这些工作交给终执行的浏览器了,而浏览器作为终运行时容器,比编译时工具更了解应该如何按需加载。
仅从编译时来看,修改单个文件的编译速度与项目整体大小有关,而若不考虑整体项目,仅编译单个文件(多递归一下有限的依赖模块,解决比如TS类型变量判断问题)时间复杂度一定是O(1)的。
2、vite
可以理解为结合了snowpack特色的一站式构建工具,从开发到发布全套流程都帮你搞定。
涉及的用法非常多,具体内容可以看官方文档。
与snowpack不同的是,snowpack生产打包的产物是独立的文件,而vite没有采用esbuild而是rollup打包,目的是为了打包为一个整体,并规避esbuild不稳定的风险。
另外由于vite集成化更高,比snowpack多了许多功能,比如css拆分、多页、使用esbuild进行依赖预构建、monorepo支持、对多框架支持、SSR等等。具体可以看文档介绍。然而原文说这有利有弊,好处是开箱即用,弊端是缺乏定制的灵活性。
其实革命性突破主要是bundless,在这基础上发展出一系列便捷的功能,这值得每一个工程化团队学习。其实就算决定再造一个轮子,也是维持90%功能不变的基础上,在默认的偏好设置做一些微调,而这些大多可以用插件解决。
3、wmr
由preact作者开发,可以理解为preact版的vite。所以对于preact技术栈的开发者更加友好,集成度更高。
原文提到的另一个特色是,wmr使用了htm转换JSX,使其获得了更加精确的报错体验,即可以精确到源码行的同时指定到具体列。
综合功能和vite差不多,单页+ssr都支持,如果你平时使用preact,或者想开发一个体积极小的项目,可以考虑用wmr全家桶。
希望这辈子,最让你无悔的事情就是来达内学习!学习向来不是件易事,但无论过程多么艰难,希望你依然热爱生活,热爱学习!永远记得,达内将与你一同前行!现在扫码,立即领取万元课程礼包,助力0基础快速入行,为你梳理行业必备技能,全方位了解岗位发展前景!
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请在707945861群中学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。