vue-cli脚手架是如何读取vue.config.js的

一、前置知识小tips

  1. 一些node库
  1. esm、umd、cmd、amd:esm(ECMA规范,import语法)、cmd(老node的require语法,现在也支持):www.cnblogs.com/h-c-g/p/153...
  2. npm命令怎么编写:juejin.cn/post/695602...
  3. process.pwd与__dirname的区别:

process.cwd() returns the current working directory,

i.e. the directory from which you invoked the node command.

__dirname returns the directory name of the directory containing the JavaScript source code file

  1. path.resolve和path.join的区别:stackoverflow.com/questions/3...

二、vue-cli脚手架是如何读取vue.config.js的

  1. 下载下来vue-cli的代码:github.com/vuejs/vue-c...
  2. 找到cli-service里的bin文件夹下:vue-cli-service.js
  3. cli-service文件夹里搜vue.config.js,找到了:

4.继续搜loadFileConfig顺藤摸瓜得出调用栈: Service.js里service在init里面调用loadUserOptions,loadUserOptions里调用loadFileConfig,就把用户的vue.config.js读入了

三、扩展阅读及自我练习

vite是如何读取vite.config.js的和vue.config.js的读取有什么不同? segmentfault.com/a/119000004...

相关推荐
Hilaku10 分钟前
当 AI 一天写完一周的代码,我们还剩什么优势?
前端·javascript·程序员
无责任此方_修行中12 分钟前
换个版本号就能升级?可没那简单:pnpm 11 升级踩坑记
javascript·后端·npm
尘世中一位迷途小书童15 分钟前
无人机航线里的云台角度怎么调?Cesium 做了个视锥 + 鹰眼联动
前端·javascript·数据可视化
张元清15 分钟前
React useMeasure Hook:用 ResizeObserver 测量 DOM 元素 (2026)
javascript·react.js
A242073493030 分钟前
Vue3 + TypeScript:后端数据在表格内渲染后进行增删改的完整实现步骤
前端·javascript·typescript
他们叫我 悦儿遥遥雨33 分钟前
.NET 8 Web开发入门(六):Blazor 全栈开发——告别 JavaScript 焦虑
前端·javascript·.net
其美杰布-富贵-李42 分钟前
Vue 3 模块导入教程:import、export 与文件组织
前端·javascript·vue.js
weipt1 小时前
springboot项目运行的几种方式
javascript·css·html
前端技术官1 小时前
前端真的比后端简单吗?
javascript·webview·dom·前端工程化·浏览器兼容性
vx-程序开发1 小时前
【java项目分享】springboot农产品销售平台14952
java·javascript·spring boot·python·eclipse·django·php