feat: 更新升级vite 6
This commit is contained in:
1 parent
ac0d3b2f7d
commit
f6ad3ae221
53 files changed
+7742
-596
No files matched your search
@@ -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 方法中配置。
|
||||
|
||||
## 相关文档
|
||||
|
||||
|
||||
Reference in new issue
Block a user