打包

作者:Yuan Tang

更新于:5 个月前

字数统计:123 字

阅读时长:1 分钟

在项目的最后，需要打包项目做部署处理。运维说需要该项目的路由。路由在 vite.config.js 文件内处理。通过设置 base 定义路由。

为了后续开发和打包方便，把路由定义在 .env.production 中。

VITE_BASE_URL = /output

Vue3 项目是用的 vite 创建，因此无法直接在 defineConfig 中获取到 import.meta.env ，还需要 loadEnv 获取。

最终代码如下：

import { defineConfig, loadEnv } from 'vite'

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd())
  return {
    base: env.VITE_BASE_URL,
    // ...
  }
})

Contributors

Yuan Tang