继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

乱码123
关注TA
已关注
手记 17
粉丝 0
获赞 1

课程名称:基于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

课程学习截图

图片描述
图片描述

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP