vue.js - 在 Vue-Vite 中启用源映射

Question

是否可以在生产环境中启用 Vue-Vite 中的源映射？

我想将它用于 Bugsnag。

在文档中找不到任何关于它的信息。

在开发中，它开箱即用。

Answer 1

感谢@tony19，我可以找到它：

从 vue ~2.0 开始，它的工作方式如下：

在<projectRoot>/vite.config.js：

/**
* @type {import('vite').UserConfig}
*/
export default {
    plugins: [vue()],
    build: {
        sourcemap: true,
    },
}

Answer 2

Vite 2.x（文档）：

// vite.config.js
export default {
  build: {
    sourcemap: true,
  },
}

Vite 1.x：

// vite.config.js
export default {
  sourcemap: true,
}

Answer 3

如其他答案中所述，build.sourcemap必须启用该设置才能生成源映射：

export default {
  build: {
    sourcemap: true,
  },
}

如果您正在寻找与 Bugsnag 的简单集成，请查看以下库：

https://github.com/ElMassimo/vite-plugin-bugsnag

它提供了一个插件来上传源地图，并将build.sourcemap为您启用设置。