vite、vue3有多火就不多介绍了，咱们直接上手尝试一下！ 内容篇幅可能偏长，都是手把手的硬干货，敲完会有意外的收货！ 环境准备 Node.js版本 >= 12 建议将Node.js升级到最新的稳定

最近做的一个官网项目，pc端要求适配平板和手机端，项目使用vue+vite搭建。想到一个插件，postcss,本文主要使用这个插件结合媒体查询来达到项目需求。

先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n

vite Vite下一代的前端工具链 ，为开发提供极速响应。 Vite（法语意为 "快速的"，发音 /vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第2天，点击查看活动详情。 开始搭建Vite项目 我使用的是pnpm搭建项目pnpm create vite 输入项目名称 选择vue

本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack 中异步加载（懒加载）的原理