为什么VUE默认加载main.js文件,为什么main.js是Vue工程的入口文件
VUE是如何默认加载main.js文件vue中的挂载页面index.html路径是在webpack.dev.conf.js下配置的找到plugins下面的new HtmlWebpackPlugin({filename: index.html,template: index.html,inject: true}),以上便是挂载页面的配置其中filename是输出的文件名默认是index.htmltemplate是依赖的模板修改这个就能改变挂载的模板路径在工程文件中使用main.js来加载App.vue文件但没有代码写出来加载main.js而index.html中只有一个自定义标签app那么工程是如何加载到main.js文件的呢如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话你执行npm run dev的时候会出来页面是因为你根目录下的package.json文件里script配置了dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js也就是其实执行的是webpack.dev.conf.js这个文件依赖的webpack.dev.conf文件里又定义了const baseWebpackConfig require(./webpack.base.conf);在这个依赖webpack.base.conf文件里面entry入口文件就配置了app: ./src/main.js所以当你运行npm run dev的时候就从main.js这个入口文件开始执行了