vite概念和设计思想

vite概念和设计思想

vite概念和设计思想
vite概念和设计思想

vite概念和设计思想

esm和webpack的对比

在html以module(esm)的方式引入js模块

vite概念和设计思想

在html项目中引入第三方lodash-es库,yarn add lodash-es,然后使用:
(如何找到入口文件:node_modules/库名/package.json的main字段就是入口文件)
vite概念和设计思想
vite概念和设计思想

引入lodash.js的时候把其他模块引入了,其他模块又依赖更多的其他模块,所以导致指向首页lodash的filter函数结果引入了一大堆,这对程序员开发来说无法接受。而vite不是这样的:

比如yarn create vite创建vite项目,
然后yarn add lodash-es
然后yarn dev启动项目

vite概念和设计思想

引入lodash-es
vite概念和设计思想
vite概念和设计思想

vite和CRA(create-react-app)对比

首先创建react项目
vite概念和设计思想

cra创建react项目花了3分12秒
vite概念和设计思想

用vite花了43秒

vite概念和设计思想

结论

vite概念和设计思想

上一篇:无侵入 Vite 接入流程


下一篇:Python自定义进程池(生产者/消费者模型)