Vite 从入门到精通,玩转新时代前端构建法则

Vite 从入门到精通,玩转新时代前端构建法则

售价:
¥18.88 钻石
  • 普通用户购买价格 : 18.88钻石
  • SVIP会员购买价格 :0钻石
  • 终身SVIP购买价格 : 免费

本站所发布的一切软件的解密分析文章和视频仅限用于学习和研究目的。本站信息来自网络,版权争议与本站无关。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权或链接失效等其他问题,请点击这里与我们联系处理!

  • 文章介绍
  • Vite 从入门到精通,玩转新时代前端构建法则

    Vite 因为其跨前端框架的能力和极其优越的性能,被称为下一代前端构建工具。如果你想在未来几年有更好的发展空间,那么最好尽早学会 Vite。 我们将从如何配置使用入手,深入到Vite的场景、插件以及源码,帮助大家系统掌握 Vite,全面提升对前端构建的认知,更能自行构建项目,为进阶前端架构师打下坚实的基础。

    适合人群
    想要学习前端构建的开发者
    想要进阶前端架构的从业者
    技术储备
    了解基础的HTTP请求
    接触过 VueReact 等框架,了解 Node.js 更佳

    章节目录:

    第1章 Vite 的概要介绍 试看 3 节 | 25分钟
    本章将向大家介绍什么是 Vite、Vite 的特色,并辅以介绍前端构建工具的发展历史进行对比,帮助同学们对 Vite 有个初步的印象。

    收起列表
    视频:
    1-1 关于课程你需要了解的都在这里 (08:44)
    试看
    视频:
    1-2 什么是 Vite (07:15)
    视频:
    1-3 Vite 对比其他构建工具的优势 (08:52)
    第2章 Vite 的基础应用 试看 9 节 | 111分钟
    本章中我们会学习,如何使用 Vite 搭建不同前端框架的项目,如何配置一些常见的功能比如 CSS、静态文件等来达到日常使用的目的。

    收起列表
    视频:
    2-1 Vite 的优势 (10:22)
    视频:
    2-2 Vite 创建 Vue3 项目 (12:22)
    视频:
    2-3 Vite 创建 Vue2 的项目 (08:30)
    视频:
    2-4 Vite 创建 React 的项目 (07:21)
    视频:
    2-5 Vite 中使用 CSS 的各种功能 (15:47)
    试看
    视频:
    2-6 Vite 中使用 Typescript (21:19)
    视频:
    2-7 Vite 中处理静态资源的方法 (09:44)
    视频:
    2-8 Vite 集成 eslint 和 prettier (12:38)
    视频:
    2-9 Vite 中得 env 环境变量 (12:21)
    第3章 Vite 的高级应用 试看 8 节 | 118分钟
    本章讲解 Vite 的一些高级功能,比如热更新,服务端渲染,集成到 node 服务中等,让同学们在遇到一些特殊情况时也能够得心应手。

    收起列表
    视频:
    3-1 Vite 中的 HMR 热更新功能 (14:02)
    视频:
    3-2 Vite 的 glob-import 批量导入功能 (10:18)
    视频:
    3-3 Vite 性能揭秘—预编译优化 (11:35)
    试看
    视频:
    3-4 在非 Node 服务中集成 Vite (18:17)
    视频:
    3-5 Nodejs 集成 Vite 开发时的 SSR (16:39)
    视频:
    3-6 Node 集成正式 build 的 Vite 应用的 SSR (15:12)
    视频:
    3-7 通过 SSR 功能实现静态站点导出 (11:54)
    视频:
    3-8 Vite 配置项一览 (19:55)
    第4章 Rollup 系统学习 8 节 | 137分钟
    Vite 的内核是围绕 Rollup 进行构建,因此,想要更好得理解 Vite 学习 Rollup 是必须的。本章将一起学习 Rollup 的核心应用。

    收起列表
    视频:
    4-1 Rollup 介绍 (10:36)
    视频:
    4-2 Rollup 的命令行使用 (19:37)
    视频:
    4-3 Rollup 配置文件使用 (18:38)
    视频:
    4-4 Rollup 插件功能解析(上) (14:59)
    视频:
    4-5 Rollup 插件功能解析(下) (19:28)
    视频:
    4-6 Rollup 常用插件盘点 (13:32)
    视频:
    4-7 Esbuild 的使用教程 (19:03)
    视频:
    4-8 Esbuild 插件的开发方式 (20:43)
    第5章 Vite 插件系统详解 9 节 | 123分钟
    本章详细介绍 Vite 的插件系统,包括插件能做什么、如何实现的、并通过讲解官方的Vite-Vue3-jsx 插件的源码来讲解 Vite 插件的实现原理。

    收起列表
    视频:
    5-1 Vite 插件开发概述 (08:58)
    视频:
    5-2 Vite 插件的执行时机 (09:22)
    视频:
    5-3 Vite 插件 API 详解 (15:22)
    视频:
    5-4 HMR-API 详细解析(上) (14:57)
    视频:
    5-5 HMR-API 详细解析(下) (17:50)
    视频:
    5-6 vite-vue3-jsx 插件概览 (09:49)
    视频:
    5-7 vite-vue3-jsx 插件源码解析之配置和产出 (17:44)
    视频:
    5-8 vite-vue3-jsx 插件详解之 HMR (18:18)
    视频:
    5-9 vite-vue3-jsx 插件解析之 SSR (10:20)
    第6章 实战 Vite 插件 10 节 | 135分钟
    本章将带领同学们实现一个真实可用的 Vite 插件。应用该插件,可以轻松实现用 MDX语法来写页面,并且可实现主题切换内置组件等功能,让你快速搞定静态页面。

    收起列表
    视频:
    6-1 MDX 语法介绍和插件设计 (08:05)
    视频:
    6-2 MDX 的使用以及 mdx-loader 的原理 (16:07)
    视频:
    6-3 MDX 如何配合 React 使用 (15:55)
    视频:
    6-4 插件 Vue 版本基础实现 (13:45)
    视频:
    6-5 Vue3 的 mdx 函数实现 (24:46)
    视频:
    6-6 Vite-mdx 插件 vue3 联调 (10:08)
    视频:
    6-7 Vite-mdx 插件集成 react (13:59)
    视频:
    6-8 Vite-mdx 插件进一步完善 (08:14)
    视频:
    6-9 独立开发 vite-mdx 插件并发布到 npm (17:52)
    视频:
    6-10 解决发布 vite-mdx 插件的问题 (05:15)
    第7章 Vite 源码解析
    本章将带领大家一起来从源码层面真正理解 Vite。我们会从 Vite的 dev server、热更新、如何编译文件这些角度来完整展示 Vite 的核心实现原理,让同学们不仅会用而是真正的理解 Vite

    常见问题FAQ

    网站视频加密吗?
    为了方便您的学习所有视频都是不加密的!
    链接失效怎么办?
    失效反馈:如果遇到网盘分享链接失效 请点击这里一键反馈!收到后会回复,带上资源链接标题,10分钟内修复
    你站的更新频率?
    IT发展很快,不断有新技术更新,随之而来的是对应教程的更新,市面上一有优质新资源,我们不惜RMB会很快将其收录,收录的主要有各类最新IT教程包含基础教程,实战课程等基本上每天都会更新资源。
    价格是不贵了?
    根据我们的资源成本,永久vip限时仅68元(价格随时可能会上涨).这价格或许您在其它地方买不了一部教程,这或许是您的一顿饭钱,或者三五包烟钱,或许是您不到半天的工资.然而抛开我们网站维护的成本和我们投入的时间成本不说,光我们每日更新的资源成本毫不夸张地说都在100元以上我们买一部优质新资源都少不了花几十块上百块开通vip会员远比您在其它地方单独购买划算,您还可以免费申请本站购买您要的站外的资源(我们也是为了让本站收录更多高质量资源)以后您都没必要四处找教程,节约人民币,节约时间,提高效率,提高技术,薪资涨涨涨.
    • 614稳定运行(天)

    你的前景,远超我们想象

    加入我们
    升级SVIP尊享更多特权立即升级