main.js是项目的入口,webpack会根据main.js将所有js文件嵌入到打包后build文件夹下的index.html里。
build文件夹下,index.html的由来是由public下的index.html而来的,
public下的index.html里有 <div id="app"></div>,而App.vue里也有<div id="app"></div>,App.vue里的div作用是替换public文件下的div这个占位符,将组件内容渲染到页面上。
App.vue(<div id="app"></div>)——替换——>public(index.html:<div id="app"></div>)——渲染——>dist(index.html)
main.js——项目入口——>webpack——携带js文件——>dist(index.html)