运行一个vue项目，在network中有一个app.js，这个app.js是什么？怎么来的？

Question

运行一个vue的项目。此项目用到了webpack+vue+vuex+vue-router+axios...
在我运行项目时，F12，在network中有一个app.js，不知到这个app.js是什么，怎么来的？哪位大神解答一下啊！谢谢

Answer 1

这个app.js是打包的各项依赖的集合，比如说你webpack中引入了vue、vue-router、axios等依赖，webpack会把这些依赖打成一个JS文件，app.js就是这个js文件。
如果你对这个app.js具体包含了哪些依赖很感兴趣，推荐这个插件给你webpack-bundle-analyzer,一款分析 bundle 内容的插件及 CLI 工具，以便捷的、交互式、可缩放的树状图形式展现给用户。

Answer 2

你写的什么vue、router啊之类的东西都被webpack编辑压缩到这个app.js文件里去了啊，要不然你的vue靠什么运行

Answer 3

webpack 打包压缩进去的 你了解了解webpack 和 vue-cli 脚手架

Answer 4

你可以理解为，你引入的所有插件、组件、模板都在app.js里面。这只是临时的文件，不需要特别关注。