vue + vite 打包出map文件怎么配置

在 Vue 3 + Vite 中，要生成 .map 文件以便进行调试，可以通过在 vite.config.js 文件中进行配置。以下是一个示例：

首先，确保你的项目根目录下已经安装了 @vite/plugin-vue 和 vite 依赖。

然后，在根目录下创建一个 vite.config.js 文件，并在该文件中添加以下内容：

import { defineConfig } from 'vite';

export default defineConfig({
  build: {
    sourcemap: true
  }
});

在上述配置中，我们使用 defineConfig 函数来定义 Vite 的配置。

在 build 配置项中，我们设置 sourcemap 为 true，以生成 .map 文件。

保存 vite.config.js 文件后，再次进行项目构建 (npm run build)，现在将会生成 .map 文件以便在浏览器中进行调试。

注意：在正式生产环境中，通常不建议将 .map 文件放在公共可访问的位置，因为它会泄漏源代码信息。你可以根据需要在开发和测试环境中启用 .map 文件，并在生产环境禁用它们。

标签：
来源：