vite

1. vite 官方文档

• 0009. vite 官方文档
  • 1. 📝 概述

2. vite github 仓库

• 0010. vite github 仓库
  • 1. 📝 概述

3. vite 在线学习资源 - 掘金小册

• 0011. 《深入浅出 Vite》（掘金小册）
  • 1. 📝 概述
• 0012. 《基于 Vite 的 SSG 框架开发实战》（掘金小册）
  • 1. 📝 概述

4. ⏰ pending

• 0001. 从 0 到 1 搭建一个原生的（vanilla） vite 工程
  • 1. 📝 概述
  • 2. 🔗 References
  • 3. 📒 vite 是比 webpack 更上层的工具链
  • 4. 📒 单词 vanilla
  • 5. 📒 官方提供的 vanilla-ts 模板
  • 6. 📒 Vite 对 TS 的支持
  • 7. 💻 demos.1 - xxx
• 0002. 一次性导入所有模块
  • 1. 📝 概述
  • 2. 🔗 References
  • 3. 📒 import.meta.glob 的一些常见用法
  • 4. 📒 理解语法糖 import.meta.glob 的基本原理
  • 5. 💻 demo1 - 导入 modules 中的所有 .ts 文件
  • 6. 💻 demo2 - 导入 modules-1 和 modules-2 中的所有 .ts 文件
  • 7. 💻 demo3 - 递归导入
• 0003. vite-plugin-mock 的基本使用
  • 1. 📝 概述
  • 2. 🔗 References
  • 3. 💻 demo
• 0004. 开始使用 unocss
  • 1. 📝 概述
  • 2. 🔗 References
  • 3. 📒 UnoCSS 是什么
  • 4. 📒 UnoCSS 的主要特点
  • 5. 📒 推荐插件
  • 6. 📒 插件 UnoCSS 简述
  • 7. 📒 插件 UnoCSS 功能 - 装饰 + 提示
  • 8. 📒 插件 UnoCSS 功能 - 自动加载配置
    • 8.1. 提示 - 无配置文件可能会导致插件失效
    • 8.2. 槽点 - 提示是无差别的
  • 9. 📒 插件 UnoCSS 功能 - 匹配实用工具的计数
  • 10. 📒 插件 Tailwind Fold
  • 11. 📒 插件 TailwindCSS Tune - TailwindCSS Tune 简介
  • 12. 📒 中的预设（Presets）
  • 13. 💻 demo
    • 13.1. demo 创建的基本流程
    • 13.2. 初始化包，并安装 vite、unocss
    • 13.3. 准备配置文件
    • 13.4. 准备入口文件
    • 13.5. 准备 .html 文件
    • 13.6. 查询样式
    • 13.7. 自定义规则
  • 14. 💻 示例
  • 15. 🤔 问：import 'virtual:uno.css' 虚拟模块 uno.css 是什么？
• 0005. Vite 路径别名
  • 1. 📝 概述
  • 2. 📒 认识路径别名
    • 2.1. 路径别名是什么
    • 2.2. 路径别名有啥用
  • 3. 💻 demo
    • 3.1. 最终效果
    • 3.2. 实现步骤
      • 3.2.1. 配置 vite.config.ts 的 alias
      • 3.2.2. 配置 tsconfig.app.json 的
      • 3.2.3. 注意缓存问题
      • 3.2.4. 测试
• 0006. UnoCSS 学习资源
  • 1. 📝 概述
  • 2. 🔗 References - UnoCSS 官方内容
  • 3. 🔗 References - 掘金小册
  • 4. 🔗 References - VSCode 插件
  • 5. 🔗 References - 其他原子 CSS 引擎 - tailwindcss
  • 6. 🔗 References - 其他原子 CSS 引擎 - windicss
  • 7. 🔗 References - 掘金文章
• 0007. unocss 究竟比 tailwindcss 快多少
  • 1. 📝 概述
  • 2. 🔗 References
  • 3. 📒 notes
  • 4. 💻 demo
• 0008. 前端工程的痛点
  • 1. 📝 概述
  • 2. 🔗 References
  • 3. 📒 notes
  • 4. 💻 demo
  • 5. 🤖 AI - github 仓库中的 html 如何预览呢？可以在 markdown 中预览吗？
    • 5.1. 方法一：使用 GitHub Pages
    • 5.2. 方法二：使用 RawGit 或其他 CDN 服务
    • 5.3. 方法三：在 Markdown 中嵌入 HTML
    • 5.4. 方法四：使用 GitHub Gist
    • 5.5. 总结
• 0013. 了解 Rollup
  • 1. 📝 概述