Vite - 开发初体验，以及按需导入配置

  免费查看本文章可前往我的网站：PiQiu

目录

开始

创建一个 Vite 项目

项目结构

/src/main.js

index.html

package.json

vite.config.js

Vite 项目中使用 vue-router

Vite 组件的“按需引入”

传统的方式引入一个组件

传统方式引入带来的问题

解决办法（配置 按需引入 插件）

示例：elementPlus、naive-ui 按需引入

elementPlus 使用 消息提示 css 失效

Vite vue API 的按需引入

传统方式使用 API

解决办法（配置按需引入）

---

开始

创建一个 Vite 项目

---

a）在 vscode 中打开终端，输入如下命令：

npm create vite@latest

b）流程如下：

如果是第一次下载，他会询问你下载 vite，输入 y 即可

接着会询问你给项目起什么名字.  默认为 vite-project

接下来我们选择 Vue 即可.

接下来，会询问你选择 js 还是 ts.（本文以 js 为主）