请问 如何配置 vite.config.js 使得可以在 chrome 中直接调试 vite-vue3项目(dev时)的源代码?

Question

请问 如何配置 vite.config.js 使得可以在 chrome 中直接调试 vite-vue3项目(dev时)的源代码?
只找到了 build sourcemap 选项 chrome 源代码显示的并不是真正的源代码而是编译过的源代码.

而 原本使用 webpack(vue-cli) 就可以直接调试源代码,配置如下

configureWebpack:{
    ...(process.env.ENV === 'development'
      ? {
          devtool: 'eval-source-map',
          output: {
            devtoolModuleFilenameTemplate: (info) =>
              info.resourcePath.match(/^\.\/\S*?\.vue$/)
                ? `webpack-generatedCode:///${info.resourcePath}?${info.hash}`
                : `webpack-originalCode:///${info.resourcePath}`,
            devtoolFallbackModuleFilenameTemplate:
              'webpack:///[resource-path]?[hash]'
          }
        }
      : { devtool: 'eval' }),

}