vue项目中main.js和vue.config.js哪个文件先执行,执行顺序是怎样的?

vue项目中index.html、main.js、和vue.config.js(webpack.config.js等配置文件)的执行加载顺序

为啥要知道这玩意儿?

在今天之前我也不知道他们三个是怎样的加载顺序,知道了我也没觉得有什么用,但是今天我遇到一个问题,项目的字体与之前项目不一样,很奇怪,但是我看了下引入的文件和cdn资源和之前引入的一样,没区别,但是就是字体不一样,后面去控制台发现是样式被覆盖了,要说改法,最简单的就是直接给html设置字体样式,但我还是纳闷,所以知道原因后写了这篇文章,让大家避免这种问题。

三者的执行顺序?

vue.config.js先于index.html,index.html先于main.js

判断依据

以下是系统的代码,从左到右分别为index.html、vue.config.js、main.js
在这里插入图片描述
从index.html代码中可以看到,它使用link标签引入了vue.config.js挂载的全局变量,所以,vue.config
.js的执行顺序肯定是要先于index.html的在这里插入图片描述
而在main.js文件中要挂载vue实例到id名为app的dom节点上,肯定要先初始化节点再进行挂载,所以index.html的执行顺序肯定是要先于main.js
在这里插入图片描述

  • 20
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值