![](https://i-blog.csdnimg.cn/blog_migrate/c8014f743e92c7df0045583c988aa7cc.png)
webpack-code-inspector-plugin
中文文档 | English Doc | vite-code-inspector-plugin[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ow2bagqt-1687156169159)(null)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qPmMwVFa-1687156169795)(null)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gIQDtPwY-1687156171098)(null)]
📖 介绍
点击页面上的元素,能够自动打开你的代码编辑器并将光标定位到元素对应的代码位置。
🚀 安装
npm i webpack-code-inspector-plugin -D
# or
yarn add webpack-code-inspector-plugin -D
# or
pnpm add webpack-code-inspector-plugin -D
🌈 使用
1. 配置 vue.config.js
或 webpack.config.js
-
如果你使用的是
vue.config.js
, 添加如下配置:// vue.config.js const WebpackCodeInspectorPlugin = require