VUE是如何默认加载main.js文件

vue中的挂载页面index.html路径是在webpack.dev.conf.js下配置的,

找到plugins下面的

    new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true
    }),
以上便是挂载页面的配置,其中
filename是输出的文件名,默认是index.html
template是依赖的模板,修改这个就能改变挂载的模板路径
————————————————
版权声明:本文为CSDN博主「VegasLemon」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/VegasLemon/article/details/88910013

在工程文件中使用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这个入口文件开始执行了

Logo

前往低代码交流专区

更多推荐