Skip to content
📈0️⃣

Vite|Vue3 项目修改 dist 的名称和路径

Vue3 Vite 项目修改默认打包后的文件夹 dist 的名称和路径

在 vite.config.js 文件中,修改 build 对象的 outDir 属性,将其值设置为你想要的文件夹名称和路径。

vue
import { fileURLToPath, URL } from "node:url"; import { defineConfig } from
"vite"; import vue from "@vitejs/plugin-vue"; import vueJsx from
"@vitejs/plugin-vue-jsx"; import VueDevTools from "vite-plugin-vue-devtools"; //
https://vitejs.dev/config/ export default defineConfig({ plugins: [vue(),
vueJsx(), VueDevTools()], base: "./", build: { outDir: "./../landingpage/", },
resolve: { alias: { "@": fileURLToPath(new URL("./src", import.meta.url)), }, },
});

参考 https://cn.vitejs.dev/config/build-options.html#build-outdir