【快速上手】vite打包配置详解—手把手教你配置vite

【快速上手】vite打包配置详解—手把手教你配置vite

Vite,一种新型前端构建工具,在大型项目开发模式下,打包速度远高于webpack,Vite性能优势主要来自对打包流程进行了优化,注意,一切的神话的背后都有着各种妖魔鬼怪,我们不应该过度神话新型产物,在网上有不少噱头文章吹嘘vite将取代webpack,这就不禁让人回想到前两年有人吹嘘flutter一样,甚至他们就是那群人,vite给我最大感受就是集成式的,而webpack更颗粒化,白话文来形象诠释:webpack是砖块,而vite则是一面墙,砖块可以铸成墙

为什么Vite可以这么快

1.快速冷启动

Vite只启动一台静态页面的服务器,不会打包全部项目文件代码,服务器根据客户端的请求加载不同的模块处理,实现按需加载,而我们所熟知的webpack则是,一开始就将整个项目都打包一遍,再开启dev-server,如果项目规模庞大,打包时间必然很长。

2.打包编译速度

当需要打包到⽣产环境时,vite使⽤传统的rollup进⾏打包,所以,vite的优势是体现在开发阶段,另外,由于vite使⽤的是ES Module,所以代码中不可以使⽤CommonJs;

3.热模块更新

在HRM热更新⽅⾯,当某个模块内容改变时,让浏览器去重新请求该模块即可,⽽不是像webpack重新将该模块的所有依赖重新编译;

Vite常用基本配置

 

    温馨提示:本文最后更新于2022-11-25 07:11:54,某些文章具有时效性,若有错误或已失效,请在下方留言

    —- 本页内容已结束,请看下一页内容—-

    感谢您的来访,获取更多精彩文章请收藏本站。

    © 版权声明
    THE END
    喜欢就支持一下吧
    点赞12赞赏 分享
    评论 抢沙发

    请登录后发表评论

      暂无评论内容