vue启动原理之我见

 1.npm run dev 后，发生了这样一连串事件——webpack选择了开发配置，并进入main.js入口文件，构建项目依赖图。webpack将整理后的所有依赖模块打包成输出文件app.js，接着htmlwebpackPlugin将它挂载到index.html页面上。

2.main.js里面import了import router from './router' 路由

App.vue中引入了  <router-view/>。 

<div id="app">
    <img src="./assets/logo.png">
    <router-view/>
  </div>
</template>

这样新增的页面在路由下面的index.js中配置即可。

3.webpack找main.js，main.js引入了App.vue还有路由。加其依赖的所有的vue组合层一个app.js

参考https://blog.csdn.net/qq_36145914/article/details/86497123