码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • vite和webpack的区别


    项目的构建是我们前端逃不开的话题。
    自从我们进入了前端框架时代,构建是我们逃不开的问题,因为前端应用越来越复杂。
    最近公司在从webpack过渡到vite.以下是我对他们的认识:

    what:

    • webpack是一个JavaScript应用程序的静态模块打包工具,它会对整个应用程序进行依赖关系图构建。
    • vite是构建工具的高阶封装,使用简单,快(开发的时候感觉没有编译过程),便于扩展。而他集成的esbuild(Go 编写) 预构建依赖,比node快 10-100 倍。
    和webpack的区别:
    1. 关注层级不同

    vite关注的层级更高:vite是 high level api,关注的是如何快速方便的搭建项目,相比webpack,减少了很多配置量。

    webpack关注的层级更低:webpack是low level api,因为webpack更关注的是各种功能的实现,重点放在构建上。

    1. vite自己不包含编译能力。

    它本身并不参与编译,它的编译能力只是集成了rollup和ESbuild的功能.

    1. 启动项目vite更快,可以说是超级快。

    对比webpack在dev-serve的时候,会提交所有编译的文件,而vite在dev-serve的时候利用了浏览器的native ES module功能,在浏览器请求对应的url时才提供文件,实现了根据路由的懒加载,所以启动的时候是超快的。

    1. vite的热更新更快。

    对比webpack的热更新,热更新时,把改动过模块的相关依赖模块全部编译一次。而vite热更新时,仅让浏览器重新请求改动过的模块。

    现在公司项目从webpack过渡到vite,还在不断摸索爬坑中,虽然目前vite的生态不如webpack丰富,且实用的开发者也不及webpack。
    但是不可否认的是,相比于webpack, vite非常适合项目的开发,webpack适合工具的开发
    。


    • vite为构建项目而生
    • webpack为构建工具而生

  • 相关阅读:
    java计算机毕业设计校园网上跳蚤书市系统源码+mysql数据库+lw文档+系统+调试部署
    LeetCode155:最小栈,最简单的中等难度题,时间击败100%,内存也低于官方
    为什么我的结巴分词和词云图不报错但是乱码啊
    GaN HEMTs在电力电子应用中的交叉耦合与基板电容分析与建模
    Conflux国产公链注册流程
    Python之线性数据结构
    【技术】烦死了,HTML 怎么转图片?
    论文精读:Medical Transformer: Gated Axial-Attention forMedical Image Segmentation
    idea 配置maven项目
    Oracle(13)Maintaining Data Integrity
  • 原文地址:https://blog.csdn.net/u010463466/article/details/126508608
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号