uni-app 中 vite.config.js 的 build.outDir 配置

uni-app 中 vite.config.js 的 build.outDir 配置

开发环境 版本号 项目创建方式
Vite 


defineConfig ({
build: {
outDir,
}
})

这个在<https://uniapp.dcloud.net.cn/collocation/vite-config.html> 提到不支持？，还有什么办法能够实现同样的效果呢
1 回复

更多关于uni-app 中 vite.config.js 的 build.outDir 配置的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 项目中使用 Vite 作为构建工具时，可以通过配置 vite.config.js 文件来自定义构建输出目录。build.outDir 是 Vite 配置项之一，用于指定构建后的文件存放路径。下面是一个如何在 vite.config.js 中配置 build.outDir 的示例代码。

首先，确保你的 uni-app 项目已经集成了 Vite。如果还没有集成，可以参考 uni-app 官方文档或社区提供的指南进行集成。

接下来，在你的项目根目录下找到或创建 vite.config.js 文件，并添加或修改以下配置：

import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';

// 导出 Vite 配置
export default defineConfig(({ command, mode }) => {
  return {
    // 基本配置
    base: './', // 开发服务器基础公共路径
    root: process.cwd(), // 项目根目录
    resolve: {
      alias: {
        '@': '/src' // 自定义别名
      }
    },
    // 构建配置
    build: {
      outDir: 'dist_custom', // 自定义构建输出目录
      rollupOptions: {
        // 其他 Rollup 配置选项
      }
    },
    // 插件配置
    plugins: [
      uni() // 使用 uni-app Vite 插件
    ],
    // 开发服务器配置
    server: {
      port: 3000, // 开发服务器端口
      open: true, // 启动时是否自动打开浏览器
    },
    // 其他 Vite 配置选项...
  };
});

在上述配置中，关键部分是 build.outDir，这里将其设置为 'dist_custom'，意味着构建后的文件将被输出到项目根目录下的 dist_custom 文件夹中。你可以根据需要修改这个路径。

请注意，vite.config.js 文件的配置可能会随着 Vite 和 uni-app 的版本更新而有所变化。因此，建议参考最新的官方文档或社区指南以确保配置的正确性。

此外，如果你的项目中有其他自定义配置或插件，确保它们与 Vite 和 uni-app 兼容，并在 vite.config.js 中正确配置。

完成配置后，运行 npm run build 或相应的构建命令，Vite 将根据配置将构建后的文件输出到指定的 dist_custom 目录中。这样，你就可以在自定义的输出目录中查看和管理构建后的文件了。

回到顶部