Vite
以前的vue-cli是基于webpack,而webpack在开发阶段启动的速度是十分缓慢。原因是webpack会把一整个项目从入口开始(index.html)将涉及的所有的模块打包成一个js文件(图1)。
随着现代浏览器对js模块的支持,现在在浏览器中就可以使用export
和 import
关键字来生命模块和导入模块,这意味着浏览器现在不需要一次性获取所有的模块,可以在需要的时候去请求相应的模块(图2)。
并且当我们修改了代码时,vite只会更新代码涉及到模块进行热模块替换(HMR),使用我们在使用vite进行开发是每次更新都是十分的丝滑,很少出现整个页面都全部重新加载的情况。
大约 2 分钟