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

radiorz
  • 69
福建

请问 如何配置 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' }),

}
回复
阅读 300
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏