Vite 知识体系｜ 青训营笔记

LeslieChueng
61 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第十五天

课程重点

  • 构建工具的意义
  • Vite概览介绍
  • Vite.上手实战
  • Vite整体架构
  • Vite进阶路线

详细知识点介绍

为什么需要构建工具

image.png

image.png

vite是什么？why vite？

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

vite 上手使用

image.png

image.png

image.png

image.png

static-assets

image.png

示例

image.png

image.png

vite 整体架构

image.png

image.png

image.png

image.png

image.png

插件兼容性

vite进阶路线

image.png

esbuild

rollup

image.png

image.png

image.png

image.png

vite插件开发

json加载插件

esbuild接入插件

官方react插件

image.png

build-rollupoptions

output-manualchunks

image.png

Babel 插件手册

babel官方站点

image.png

image.png

babel-preset-env

vite官方降级插件文档

image.png

vite-ssr

vite ssr-demo

使用vite搭建ssr工程

image.png

es-modules-a-cartoon-deep-dive

publish-esm-and-cjs

什么事PureESM?

image.png

海量社区插件

引用参考

Vite 知识体系

avatar
文章
阅读
粉丝