webpack打包是从main.js开始的 main.js里所有的东西都会被加载
render:h=>h(App) 的作用是把 App这个根组件替换到 el:#app 挂载点 那里的位置
index.html打开的页面 其实就是是App根组件 ,然后顺着根组件去找 看导入了哪些组件 和看路由里是咋配置的.
layout组件
sidebar组件
navbar组件
路由配置
App一级路由会加载layout组件 ,layout有个重定向组件dashboard,
layout组件引入了sidebar,navbar,AppMain,
而sidebar引入了SidebarItem和Logo,
navbar引入了Breadcrumb和Hamburger,
AppMain没有加载任何组件
所以页面一上来加载了11个组件
有一个简单的办法就是从vue插件里去看
可以看到大致结构,但要确定加载了那个具体的组件还是得去代码里找
