构建与部署专题
专题说明
本专题介绍 Vite 生产构建与部署流程，帮助开发者掌握构建产物结构与部署方法。
学习目标
- 学会执行生产构建命令
- 理解构建输出目录结构
- 掌握本地预览构建产物的方法
学习内容
- 执行生产构建：vite build 命令
- 构建输出目录结构：dist 目录分析
- 本地预览构建产物：vite preview 命令
学习建议
实际执行构建命令，观察 dist 目录结构，使用 preview 命令预览效果。
📝 配套习题（7 题）
💡 参考答案在文末
判断题
1
执行 vite build 命令会生成优化后的生产环境产物。
2
构建产物 dist 目录中，JS 和 CSS 文件默认存放在 assets 子目录下。
3
vite preview 命令用于启动一个静态服务器预览构建产物。
单选题
4
Vite 生产构建的默认输出目录是什么？
5
构建产物中，静态资源文件名包含哈希值的作用是什么？
填空题
6
Vite 生产构建命令：____________
7
本地预览构建产物的命令是：____________
参考答案
1.正确
2.正确
3.正确
4.B
5.C
6.npm run build
7.npm run preview
想在手机上练习这套专题？
使用微信卷王开发者小程序，打开首页顶部扫码功能识别二维码
