Skip to content

Commit

Permalink
docs: translate /guide/best-practices/production-deployment
Browse files Browse the repository at this point in the history
  • Loading branch information
xiaodong2008 committed Apr 26, 2024
1 parent e0c9a21 commit b5282f7
Showing 1 changed file with 25 additions and 25 deletions.
50 changes: 25 additions & 25 deletions src/guide/best-practices/production-deployment.md
Original file line number Diff line number Diff line change
@@ -1,53 +1,53 @@
# 生产部署 {#production-deployment}
# 生產部署 {#production-deployment}

## 开发环境 vs. 生产环境 {#development-vs-production}
## 開發環境 vs. 生產環境 {#development-vs-production}

在开发过程中,Vue 提供了许多功能来提升开发体验
在開發過程中,Vue 提供了許多功能來提升開發體驗

- 对常见错误和隐患的警告
- 对组件 props / 自定义事件的校验
- [响应性调试钩子](/guide/extras/reactivity-in-depth#reactivity-debugging)
- 开发工具集成
- 對常見錯誤和隱患的警告
- 對組件 props / 自定義事件的校驗
- [響應性調試鉤子](/guide/extras/reactivity-in-depth#reactivity-debugging)
- 開發工具集成

然而,这些功能在生产环境中并不会被使用,一些警告检查也会产生少量的性能开销。当部署到生产环境中时,我们应该移除所有未使用的、仅用于开发环境的代码分支,来获得更小的包体积和更好的性能
然而,這些功能在生產環境中並不會被使用,一些警告檢查也會產生少量的性能開銷。當部署到生產環境中時,我們應該移除所有未使用的、僅用於開發環境的代碼分支,來獲得更小的包體積和更好的性能

## 不使用构建工具 {#without-build-tools}
## 不使用構建工具 {#without-build-tools}

如果你没有使用任何构建工具,而是从 CDN 或其他源来加载 Vue,请确保在部署时使用的是生产环境版本(以 `.prod.js` 结尾的构建文件)。生产环境版本会被最小化,并移除了所有仅用于开发环境的代码分支
如果你沒有使用任何構建工具,而是從 CDN 或其他源來加載 Vue,請確保在部署時使用的是生產環境版本(以 `.prod.js` 結尾的構建文件)。生產環境版本會被最小化,並移除了所有僅用於開發環境的代碼分支

- 如果需要使用全局变量版本(通过 `Vue` 全局变量访问):请使用 `vue.global.prod.js`
- 如果需要 ESM 版本(通过原生 ESM 导入访问):请使用 `vue.esm-browser.prod.js`
- 如果需要使用全局變量版本(通過 `Vue` 全局變量訪問):請使用 `vue.global.prod.js`
- 如果需要 ESM 版本(通過原生 ESM 導入訪問):請使用 `vue.esm-browser.prod.js`

更多细节请参考[构建文件指南](https://github.com/vuejs/core/tree/main/packages/vue#which-dist-file-to-use)
更多細節請參考[構建文件指南](https://github.com/vuejs/core/tree/main/packages/vue#which-dist-file-to-use)

## 使用构建工具 {#with-build-tools}
## 使用構建工具 {#with-build-tools}

通过 `create-vue`基于 Vite)或是 Vue CLI(基于 webpack)搭建的项目都已经预先做好了针对生产环境的配置
通過 `create-vue`基於 Vite)或是 Vue CLI(基於 webpack)搭建的項目都已經預先做好了針對生產環境的配置

如果使用了自定义的构建,请确保
如果使用了自定義的構建,請確保

1. `vue` 被解析为 `vue.runtime.esm-bundler.js`
2. [编译时功能标记](/api/compile-time-flags)已被正确配置
3. <code>process.env<wbr>.NODE_ENV</code> 会在构建时被替换为 `"production"`
1. `vue` 被解析為 `vue.runtime.esm-bundler.js`
2. [編譯時功能標記](/api/compile-time-flags)已被正確配置
3. <code>process.env<wbr>.NODE_ENV</code> 會在構建時被替換為 `"production"`

其他参考
其他參考

- [Vite 生产环境指南](https://cn.vitejs.dev/guide/build.html)
- [Vite 生產環境指南](https://cn.vitejs.dev/guide/build.html)
- [Vite 部署指南](https://cn.vitejs.dev/guide/static-deploy.html)
- [Vue CLI 部署指南](https://cli.vuejs.org/zh/guide/deployment.html)

## 追踪运行时错误 {#tracking-runtime-errors}
## 追蹤運行時錯誤 {#tracking-runtime-errors}

[应用级错误处理](/api/application#app-config-errorhandler) 可以用来向追踪服务报告错误
[應用級錯誤處理](/api/application#app-config-errorhandler) 可以用來向追蹤服務報告錯誤

```js
import { createApp } from 'vue'
const app = createApp(...)
app.config.errorHandler = (err, instance, info) => {
// 向追踪服务报告错误
// 向追蹤服務報告錯誤
}
```

诸如 [Sentry](https://docs.sentry.io/platforms/javascript/guides/vue/)[Bugsnag](https://docs.bugsnag.com/platforms/javascript/vue/) 等服务也为 Vue 提供了官方集成。
諸如 [Sentry](https://docs.sentry.io/platforms/javascript/guides/vue/)[Bugsnag](https://docs.bugsnag.com/platforms/javascript/vue/) 等服務也為 Vue 提供了官方集成。

<!-- zhlint disabled -->

0 comments on commit b5282f7

Please sign in to comment.