当前位置: 首页 > news >正文

为什么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.html
template是依赖的模板,修改这个就能改变挂载的模板路径

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

http://www.jsqmd.com/news/1280374/

相关文章:

  • 昆明梵克雅宝宝格丽珠宝交易实录 高端首饰如何理性估价 - 肉松卷
  • AI Agent构建指南:从核心架构到实战应用
  • WooCommerce建站服务怎么选?WordPress电商独立站搭建全攻略 - 麦麦唛
  • Windows和Office永久激活终极指南:KMS_VL_ALL_AIO智能激活工具完整教程
  • 【硬核拆解】540×540时代的显示核心:集创北方 CO6300 AMOLED驱动芯片深度解析
  • FDDI光纤网络技术解析:从原理到应用
  • 隐蔽潜伏15年:拆解Android 17“一键Root”的IonStack攻击链
  • NBM5100A与PIC18F4458的低功耗物联网设备设计优化
  • 抖音无水印下载神器:3分钟搞定批量下载,告别录屏烦恼
  • 西门子PLC在污水处理自控系统中的应用与优化
  • UE5 Lumen动态阴影消失问题:原理、诊断与修复全指南
  • 基于感知哈希与汉明距离的图片查重系统构建指南
  • 如何快速掌握开源鼠标自动化工具:终极效率提升指南
  • 河南中药洗发水厂家芙毅堂全品类科普 - 哈喽33
  • 2026深圳福田区LV回收前问清这4件事:日期码、配件、成色、结算方式,少问吃亏 - 肉松卷
  • 台达菁英经销商视角:工业自动化选型与服务逻辑解析 - 资讯报道
  • MySQL 8.0.46 安装与净卸载全攻略:解决服务启动失败与重装冲突
  • WebSocket与Socket.IO实时通信技术对比与选型指南
  • 物联网硬件安全防护:SE050开发套件与STM32实战
  • 2026年心理咨询师认证机构价值评选TOP6 - 资讯报道
  • 海牙认证香港办理,避坑指南:“慧办好”线上搞定 - 信息快递
  • x64dbg动态调试入门:从按钮断点定位易语言程序关键逻辑
  • 物联网设备安全芯片SE050的优势与应用实践
  • Java面试实战:技术深度与幽默应对的艺术
  • Windows和Office永久激活的终极解决方案:KMS_VL_ALL_AIO
  • AI编程工具实战指南:从工具对比到工程化落地
  • 07 面试官问你“怎么让大模型自己去查数据库“,你怎么答?
  • 2026 年珠三角钢结构回收,工地废料回收,再生资源处置实用攻略 - LYL仔仔
  • 编码器技术解析:原理、应用与选型指南
  • AI报告生成工具核心技术解析与应用实践