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...

相关推荐
拉不动的猪1 小时前
如何处理管理系统中(Vue PC + uni-app 移动端):业务逻辑复用基本方案
前端·javascript·架构
边洛洛1 小时前
next.js项目部署流程
开发语言·前端·javascript
非凡ghost1 小时前
Syncovery Premium(文件同步软件)
前端·javascript·后端
岁月宁静2 小时前
用 Node.js 封装豆包语音识别AI模型接口:双向实时流式传输音频和文本
前端·人工智能·node.js
神膘护体小月半2 小时前
bug 记录 - 路由守卫 beforeRouteLeave 与 confirm 结合,不生效问题
javascript·vue
岁月宁静2 小时前
Vue 3.5 + WangEditor 打造智能笔记编辑器:语音识别功能深度实现
前端·javascript·vue.js
非凡ghost2 小时前
BiliLive-tools(B站录播一站式工具) 中文绿色版
前端·javascript·后端
非凡ghost2 小时前
bkViewer小巧精悍数码照片浏览器 中文绿色版
前端·javascript·后端
徐sir(徐慧阳)2 小时前
搭建属于自己的网站HEXO静态页(二)发布网站到gihub
服务器·node.js·github·hexo
西洼工作室2 小时前
前端监控:错误捕获与行为日志全解析
前端·javascript