feat: 更新升级vite 6

This commit is contained in:
dengtongyu committed 2025-05-28 11:43:29 +08:00
1 parent ac0d3b2f7d
commit f6ad3ae221
53 files changed
+7742 -596

No files matched your search

+14 -11
View File
@@ -1,6 +1,6 @@
# vue3-template-h5
# mytest
一个h5项目
vue3-template-h5
## 安装
@@ -11,10 +11,9 @@ npm install
## 运行
```
npm run serve:dev //本地运行,并且代理到开发环境
npm run serve:test //本地运行,并且代理到测试环境
npm run serve:uat //本地运行,并且代理到预发布环境
npm run serve:prod //本地运行,并且代理到生产环境
npm run serve //本地运行,并且代理到生产环境
```
## 打包
@@ -27,7 +26,7 @@ npm run build:test
npm run build:uat
// 生产环境
npm run build:prod
npm run build
```
## 说明
@@ -37,6 +36,10 @@ npm run build:prod
## 常见问题
### 环境变量
环境变量放在env目录下,.env文件必定会加载,mode=test时,.env.test会加载,变量优先级,.env.test > .env ,因此,相同变量名,.env里的会被忽略。
### 按需引入组件
项目使用 unplugin-vue-components 插件,它可以自动引入组件,并按需引入组件的样式,无需手动引入样式。
@@ -49,37 +52,37 @@ import {
### 引入函数组件的样式
Vant 中有个别组件是以函数的形式提供的,包括 Toast,Dialog,Notify 和 ImagePreview 组件。在使用函数组件时,unplugin-vue-components 无法自动引入对应的样式,因此需要手动引入样式。
Vant 中有个别组件是以函数的形式提供的,包括 Toast,Dialog,Notify 和 ImagePreview 等组件。在使用函数组件时,unplugin-vue-components 无法自动引入对应的样式,因此需要手动引入样式。
```JS
// Toast
import {
Toast
showToast
} from 'vant';
import 'vant/es/toast/style';
// Dialog
import {
Dialog
showDialog
} from 'vant';
import 'vant/es/dialog/style';
// Notify
import {
Notify
showNotify
} from 'vant';
import 'vant/es/notify/style';
// ImagePreview
import {
ImagePreview
showImagePreview
} from 'vant';
import 'vant/es/image-preview/style';
```
### 本地代理
运行项目时的接口代理,可在 proxy.config.ts 中配置。
运行项目时的接口代理,可在 vite.util.ts 的 proxyConfig 方法中配置。
## 相关文档