zh-lx / code-inspector

Click the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
https://inspector.fe-dev.cn
MIT License
1.68k stars 124 forks source link

支持angular #172

Closed K332 closed 1 month ago

K332 commented 3 months ago

提示:如果方便请加入本项目 README.md 最下面的 QQ 群或者微信群提供更详细的信息

功能描述

支持angular框架

zh-lx commented 3 months ago

会考虑,不过 angular 的支持比较复杂,可能要放在一个月后

K332 commented 3 months ago

为什么 npm run serve-prod还是能跳转呀,控制台也有显示,vue-cli项目

zh-lx commented 3 months ago

为什么 npm run serve-prod还是能跳转呀,控制台也有显示,vue-cli项目

目前的环境判断逻辑是 webpack.compiler.modeprocess.env.NODE_ENV 其中有一个为 development 即判断为开发环境。应该是你们 serve 模式下的 webpack.compiler.modedevelopment

要解决这个问题,你可以通过插件的 dev 参数配置写一个函数去指定判断当前的环境,参考:dev

K332 commented 3 months ago

为什么 npm run serve-prod还是能跳转呀,控制台也有显示,vue-cli项目

目前的环境判断逻辑是 webpack.compiler.modeprocess.env.NODE_ENV 其中有一个为 development 即判断为开发环境。应该是你们 serve 模式下的 webpack.compiler.modedevelopment

要解决这个问题,你可以通过插件的 dev 参数配置写一个函数去指定判断当前的环境,参考:dev

谢谢,解决了,不过装了这个插件感觉打包速度好像变慢了

zh-lx commented 1 month ago

angular 自建了打包工具 ng-cli,无法参与 dom 编译过程,暂不考虑支持