vite概念和设计思想

本文主要是介绍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
在这里插入图片描述

首先创建react项目
在这里插入图片描述

cra创建react项目花了3分12秒
在这里插入图片描述

用vite花了43秒

在这里插入图片描述

结论

在这里插入图片描述

这篇关于vite概念和设计思想的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！