vue-cli和vite项目的调试问题

Question

环境：微前端（主应用vite+vue3，子应用vue-cli+vue3）
上图为子应用代码
请问老师，我在调试子应用代码时，浏览器展示的代码为编译后的代码。我应该如何操作才能让它展示源码呢？
另外，如果我在独立项目，非微前端驱动。
vite和vue-cli项目如果调试时候想要查看源码，应该怎么设置呢？

Answer 1

张轩 2022-09-03 09:08:44

同学你好

不知道你说的是否显示编译后的代码，是否和你的项目架构有关，我认为是没关系的，不知道我理解的是否正确。

我记得 vite 和 vue-cli 在开发环境是开启 source map 的，在生产环境可以通过特定的参数生成：https://vitejs.dev/config/build-options.html#build-sourcemap

• 提问者 有没有没被占用的昵称 #1

  非常感谢！