项目运行流程:
npm run serve
webpack的配置文件中如下配置(vue的脚手架):
入口是src文件夹中的main.js
出口是dist文件夹中的main.js:模板html是public文件夹中的index.html
热更新服务器的配置: 8080端口 在内存打包的文件生成dist然后托管
打包运行过程中遇到了.vue的文件就会启动vue-loader去解析这种文件编码
解析方式就是把导出的对象解析为一个组件吧template标签内部的整个模板解析组件的template属性
它还使用了很多插件:错误语法的检测的插件 语法转化的插件
代码的运行流程:
1.加载vue核心语法库
2.加载App.vue的组件编码
3.1 new Vue({el:"#app",data:{},components:{xx}})
3.2 new Vue({
render: h => h(App),
}).$mount('#app')