vite打包原理

  • 开发
  • 52

vite

工程化开发：打包工具

启动速度很快

核心原理还是webpack  把webpack封装了，把webpack对象封装了

和vue2整体结构几乎一致

webpack两种模式：开发&生产

代码打包编译，本地起一个web服务器实时预览编译后的结果

build 命令模块打包编译输出到dist，dist部署到后台

vite开发和生产原理完全不一样

node_modules vite东西很少

比如有些插件很大如果打包主js，那么主js会很大。那么就通过script引入

安装的模块很干净很少

打包编译原理

快的原因：没有编译的过程

webpack打包原理：

  1. 入口
  2. 分析依赖构建依赖关系图
  3. 打包成bundle保存在虚拟内存中
  4. 第一次冷启动，之后热启动

vite快的原因：

把编译放在了浏览器预览阶段，devServer并没有把所有模块打包在一起

开发模式原理：

type=module 希望浏览器支持模块规范

生产环境下

rollup配置

图片处理 es/commonjs处理

阅读全部

相关推荐

  4. electron vite vue打包

    2024-02-04 06:30:06       42 阅读

  9. vite打包失败 - out of memory

    2024-02-04 06:30:06       41 阅读

  10. electron-vite打包成安装包配置

    2024-02-04 06:30:06       31 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-04 06:30:06       94 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-04 06:30:06       100 阅读

  9. 在Django里面运行非项目文件

    2024-02-04 06:30:06       82 阅读

  19. Python语言-面向对象

    2024-02-04 06:30:06       91 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-02-04 06:30:06       85 阅读

热门阅读

  4. 大数据领域的数据仓库

    2024-02-04 06:30:06       45 阅读

  5. 软考笔记--数据仓库技术

    2024-02-04 06:30:06       30 阅读

  6. ROS2 CMakeLists.txt 和 package.xml

    2024-02-04 06:30:06       48 阅读

  8. SpringBoot整理-安全（Spring Security）

    2024-02-04 06:30:06       43 阅读

  14. aspose-words字体替换功能2

    2024-02-04 06:30:06       46 阅读

  16. GoogleTest 单元测试

    2024-02-04 06:30:06       46 阅读

  19. 打卡C语言程序设计Day16 万年历

    2024-02-04 06:30:06       50 阅读

  23. NLP自然语言处理的基本语言任务介绍

    2024-02-04 06:30:06       52 阅读

  24. 举例说明自然语言处理（NLP）技术

    2024-02-04 06:30:06       46 阅读