【九月打卡】第6天+学习Vite为什么快

课程名称：基于Vue3，打造前台+中台通用提效解决方案
课程章节：第2章 全新的项目构建方案 —— vite
主讲老师：Sunday
课程链接：https://coding.imooc.com/class/chapter/577.html#Anchor

课程内容：

今天学习的内容包括：

• vite VS webpack
• 素质三联：vite为什么快？这种快的机制会不会有什么问题？官方是如何解决的？
• 为什么选择vite
• 通过vite构建《小慕前端》

课程收获：

Vite为什么快

• webpack构建时，默认会去抓取整个应用，才能提供服务
• vite不会再一开始构建整个项目，会将应用中的模块进行拆分依赖和源码，对于源码部分，会根据路由拆分，只会构建一开始就必须构建的内容。vite以原生的ESM来方式给浏览器提供源码。
  • 早期vite 导致commonjs 无法解析
    • 解决
      • 依赖与构建
        • 兼容commonjs 和umd兼容

为什么选择vite

• 未来的编译器
• 一句支持企业开发

课程版本

• vite版本：2.8.0
• node版本：16.13.1
• npm版本：8.1.2

vite构建项目

• 增加network
  • package的json
    • 构建里面添加–host

课程学习截图