为了账号安全,请及时绑定邮箱和手机立即绑定

【学习打卡】第4天 vite 零基础快速入门

标签:
React.JS

课程名称:vite 零基础快速入门

课程章节: 课程介绍,vite概念及设计思想, vite+react 

主讲老师:Tomas

课程内容:

  1. 前端打包工具的发展历程

  2. vite 基本概念和设计思想

    1. vite 概念及设计思想

      1. 前端构建工具

      2. 一个开发服务 服务于开发环境

      3. 一套构建指令  服务于生产环境

      4. 打包:使用工具抓取,处理并将我们的源码串联成在浏览器构建的文件

      5. webpack    

      6. rollup

      7. parcel

      8. gulp

      9. 存在的问题

        1. 缓慢的服务启动

        1. 缓慢的更新

      10. vite 将模块分为依赖和源码两类 (按需加载源码)

      11. 初始化(esm 加载时  vite 加载更快)

        1. yarn create vite

        2. vanila 是原生的js

  3. vite和Create-React-App  对比

    1. CRA   安装速度 和启动速度都是比较慢的

    2. vite 安装速度 和启动速度都是更快的

    3. CRA 打包的产物更小

    4. vite 打包产物更大

课程收获:

今天是第一次接触到vite是基本esm,相比较Create- React-App 来说 安装速度和启动速度更快,打包的产物更小。还认识到了其他没有见过的构建化工具。

https://img1.sycdn.imooc.com//62fa59ae0001839409790769.jpg

https://img1.sycdn.imooc.com//62fa5bd00001f77e09370697.jpg


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消