vite概念和设计思想
esm和webpack的对比
在html以module(esm)的方式引入js模块
在html项目中引入第三方lodash-es库,yarn add lodash-es,然后使用:
(如何找到入口文件:node_modules/库名/package.json的main字段就是入口文件)
引入lodash.js的时候把其他模块引入了,其他模块又依赖更多的其他模块,所以导致指向首页lodash的filter函数结果引入了一大堆,这对程序员开发来说无法接受。而vite不是这样的:
比如yarn create vite创建vite项目,
然后yarn add lodash-es
然后yarn dev启动项目
引入lodash-es
vite和CRA(create-react-app)对比
首先创建react项目
cra创建react项目花了3分12秒
用vite花了43秒
结论