vue项目怎么查看依赖哪里引入的?

首屏加载:

img

这四个我没有在入口文件引啊,怎么首次也加载了?

img

是在具体页面.vue文件引入的:

img

Vue项目中查看依赖引入情况可以通过以下方法:

  1. 查看 package.json 文件:该文件中包含项目所有的依赖信息,可以通过查看"dependencies"和"devDependencies"字段来了解项目中引入的依赖包以及版本。
  2. 使用 npm 命令:在终端中进入项目目录,执行以下命令:npm list,可以查看项目中安装的所有依赖,以及依赖包之间的依赖关系。
  3. 使用 webpack-bundle-analyzer:该工具可以分析打包后的项目,可以帮助我们了解依赖包的大小和引入情况。
  4. 使用 VS Code 插件:在 VS Code 编辑器中,可以安装插件"npm Intellisense",该插件可以帮助我们查看依赖包的引入情况,并提供代码自动补全功能。 以上几种方式都可以用来查看 Vue 项目中的依赖包引入情况,可以根据具体情况选择适合自己的方法。

参考自chatGPT:
如果在 Vue 项目中,没有在全局入口文件中引入插件,但在项目加载时插件仍然被加载了,并且能正常使用,可能是因为插件被其他模块所引入,从而被自动加载了。
在一个 Vue 项目中,可能会使用到一些第三方库或组件,而这些库或组件中又引用了插件,这时候插件就会被自动加载。此外,如果你使用了像 Webpack 这样的构建工具,它可能会自动将插件打包进入最终的构建文件中,从而实现了自动加载。
如果你想要了解更多关于插件被自动加载的原因,可以在浏览器中打开开发者工具,查看控制台中的网络请求,寻找加载插件的请求,从而确定插件是被哪个模块所引用的。
总之,即使没有在全局入口文件中引入插件,只要其他模块中引用了插件,它就会被自动加载。