发布时间:2024-05-21 18:01
项目的构建是我们前端逃不开的话题。
自从我们进入了前端框架时代,构建是我们逃不开的问题,因为前端应用越来越复杂。
最近公司在从webpack过渡到vite.以下是我对他们的认识:
what:
vite
关注的层级更高:vite是 high level api,关注的是如何快速方便的搭建项目,相比webpack,减少了很多配置量。
webpack
关注的层级更低:webpack是low level api,因为webpack更关注的是各种功能的实现,重点放在构建上。
它本身并不参与编译,它的编译能力只是集成了rollup和ESbuild的功能.
对比webpack在dev-serve的时候,会提交所有编译的文件,而vite在dev-serve的时候利用了浏览器的native ES module功能,在浏览器请求对应的url时才提供文件,实现了根据路由的懒加载,所以启动的时候是超快的。
对比webpack的热更新,热更新时,把改动过模块的相关依赖模块全部编译一次。而vite热更新时,仅让浏览器重新请求改动过的模块。
现在公司项目从webpack过渡到vite,还在不断摸索爬坑中,虽然目前vite的生态不如webpack丰富,且实用的开发者也不及webpack。
但是不可否认的是,相比于webpack, vite非常适合项目的开发,webpack适合工具的开发。
【历史上的今天】7 月 16 日:磁盘驱动器之父诞生;VisiCalc 创造者出生;Slackware Linux 首次发布
反向代理神器 Nginx Proxy Manager 快速部署(Docker-compose)
Java数字格式类(NumberFormat类和DecimalFormat类)用法详解
为什么 React 的 Diff 算法不采用 Vue 的双端对比算法?
基于opencv和np.repeat的图像马赛克和人脸检测马赛克(python源码)
openharmony北向应用开发实例之HelloWorld
知乎百万热议:互联网已成红海,为什么BAT却不涉足传统制造行业
Python+opencv调用摄像头获取视频保存到本地并应用到YOLO中保存视频检测后的结果
[论]【DSTG】Dynamic SpatiotemporalGraph Convolutional Neural Networks for Traffic Data Imputation
Neural Machine Translation论文阅读笔记