vue项目运行流程，代码运行流程

项目运行流程:

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')