尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

为什么VUE默认加载main.js文件,为什么main.js是Vue工程的入口文件

为什么VUE默认加载main.js文件,为什么main.js是Vue工程的入口文件
📅 发布时间:2026/7/28 11:52:19

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这个入口文件开始执行了

相关新闻

  • 昆明梵克雅宝宝格丽珠宝交易实录 高端首饰如何理性估价 - 肉松卷
  • 【硬核拆解】540×540时代的显示核心:集创北方 CO6300 AMOLED驱动芯片深度解析
  • 隐蔽潜伏15年:拆解Android 17“一键Root”的IonStack攻击链

最新新闻

  • 揭秘HunterPie:如何用这个开源神器让你的狩猎效率提升300%
  • AI编程套餐(Coding Plan)技术解析:从核心原理到实战配置与替代方案
  • NBM5100A与PIC18F4553在低功耗物联网中的协同设计
  • AI视频生成实战:Codex、Remotion与HyperFrames技术解析与工作流搭建
  • 支持数据迁移的广告行业管理软件选购指南 - 全域品牌推荐
  • 大数据平台弹性伸缩实战:原理、难点与优化策略

日新闻

  • 力旷智能:伺服驱动系统在制药收瓶设备中的应用解析
  • 2026 网安入门避坑指南,零基础如何避开无效学习直接上手实战
  • 揭秘CFC项目:如何通过手机摄像头实现850kbps无网络文件传输

周新闻

  • 大连理工大学与东京大学联手打造的“主动型AI助手“
  • 170.2026年国家级科研瓶颈:超精密单点金刚石切削(SPDT)光学表面生成
  • SongBloom:革命性歌曲生成框架深度解析——如何通过交织自回归与扩散模型创作完整音乐

月新闻

  • 2026年6月公司网站搭建最新热门渠道测评:四大低成本/零代码平台对比+避坑
  • 【Linux】Linux arm 编译QT程序,出现expected “}“报错
  • 【MATLAB例程】四基站二维AOA定位与距离辅助增强对比仿真。基于角度观测和测距修正的固定目标平面定位精度分析

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号