今天突然思考到一个问题，index.html文件中是vue项目的主页，项目入口，那么mainjs是啥时候被index加载运行的呢？是怎么被运行的呢？
1.先来看看vue项目的一个结构解析（非常感谢磊阿磊阿磊磊磊的图片）
index.html---主页，项目入口
App.vue---根组件
main.js---入口文件
2.通过2张图片搞清楚index和mainjs的关系和配置
很明显看得出，mainjs中是配置了咱们的页面该渲染在index中的app节点上的，但是vue项目访问最开始的文件是index.html，这中间mainjs是如何被indexhtml引用的呢？
3.最后在package.json看到了配置
如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话，
你执行npm run dev的时候会出来页面，
是因为你根目录下的package.json文件里script配置了
"dev": "node build/dev-server.js"，也就是其实执行的是dev-server.js这个文件，里面有定义
var webpackConfig = require('./webpack.dev.conf');因为我们这个脚手架工具里是用webpack来打包项目文件的，依赖的webpack.dev.conf文件里又定义了
var baseWebpackConfig = require('./webpack.base.conf');
在这个依赖webpack.base.conf文件里面entry入口文件就配置了
app: './src/main.js'
所以当你运行npm run dev的时候就从main.js这个入口文件开始执行了
转载：https://blog.csdn.net/u013605060/article/details/109601098
查看评论