|
@@ -6,11 +6,12 @@
|
|
## npm scripts:
|
|
## npm scripts:
|
|
```json
|
|
```json
|
|
{
|
|
{
|
|
- "scripts": {
|
|
|
|
- "dev": "vite serve --mode development",
|
|
|
|
- "build:prod": "vite build --mode production &&vue-tsc --noEmit",
|
|
|
|
- "preview": "vite preview"
|
|
|
|
- }
|
|
|
|
|
|
+ "scripts": {
|
|
|
|
+ "dev": "vite serve --mode development",
|
|
|
|
+ "build:beta": "vite build --mode staging &&vue-tsc --noEmit",
|
|
|
|
+ "build:prod": "vite build --mode production &&vue-tsc --noEmit",
|
|
|
|
+ "preview": "vite preview"
|
|
|
|
+ }
|
|
}
|
|
}
|
|
```
|
|
```
|
|
|
|
|
|
@@ -22,14 +23,14 @@ npm run dev
|
|
|
|
|
|
## 构建应用
|
|
## 构建应用
|
|
```shell
|
|
```shell
|
|
-npm run build:prod
|
|
|
|
|
|
+npm run build:beta
|
|
```
|
|
```
|
|
默认情况下,构建会输出到 dist 文件夹中。你可以部署这个 dist 文件夹到任何你喜欢的平台。
|
|
默认情况下,构建会输出到 dist 文件夹中。你可以部署这个 dist 文件夹到任何你喜欢的平台。
|
|
|
|
|
|
## 本地测试应用
|
|
## 本地测试应用
|
|
当你构建完成应用后,你可以通过运行 `npm run preview` 命令,在本地测试该应用。
|
|
当你构建完成应用后,你可以通过运行 `npm run preview` 命令,在本地测试该应用。
|
|
```shell
|
|
```shell
|
|
-npm run build:prod
|
|
|
|
|
|
+npm run build:beta
|
|
npm run preview
|
|
npm run preview
|
|
```
|
|
```
|
|
`vite preview` 命令会在本地启动一个静态 Web 服务器,将 dist 文件夹运行在 http://localhost:4173。
|
|
`vite preview` 命令会在本地启动一个静态 Web 服务器,将 dist 文件夹运行在 http://localhost:4173。
|
|
@@ -43,3 +44,15 @@ npm run preview
|
|
}
|
|
}
|
|
```
|
|
```
|
|
现在 preview 命令会将服务器运行在 http://localhost:8080。
|
|
现在 preview 命令会将服务器运行在 http://localhost:8080。
|
|
|
|
+
|
|
|
|
+## 部署应用
|
|
|
|
+通过 `npm run build:prod` 命令构建正式环境应用输出到 dist 文件夹中。
|
|
|
|
+```shell
|
|
|
|
+npm run build:prod
|
|
|
|
+```
|
|
|
|
+- 构建后文件存放服务器地址:
|
|
|
|
+ 1. 测试环境:`/usr/local/www/board/`
|
|
|
|
+ 2. 正式环境:`/home/wwwroot/default/board`
|
|
|
|
+- 访问域名:
|
|
|
|
+ 1. 测试环境:https://board-t.shuimuai.com
|
|
|
|
+ 2. 正式环境:https://board.shuimuai.com
|