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

相关推荐
冴羽31 分钟前
为什么在 JavaScript 中 NaN !== NaN?背后藏着 40 年的技术故事
前端·javascript·node.js
久爱@勿忘42 分钟前
vue下载项目内静态文件
前端·javascript·vue.js
前端炒粉42 分钟前
21.搜索二维矩阵 II
前端·javascript·算法·矩阵
不爱吃糖的程序媛1 小时前
Electron 应用中的系统检测方案对比
前端·javascript·electron
pe7er2 小时前
用高阶函数实现递归:从匿名函数到通用递归生成器
前端·javascript
IT古董2 小时前
全面理解 Corepack:Node.js 的包管理新时代
前端·node.js·corepack
Jonathan Star2 小时前
NestJS 是基于 Node.js 的渐进式后端框架,核心特点包括 **依赖注入、模块化架构、装饰器驱动、TypeScript 优先、与主流工具集成** 等
开发语言·javascript·node.js
学习3人组2 小时前
清晰地说明 NVM、NPM 和 NRM 在 Node.js 开发过程中的作用
前端·npm·node.js
矢心2 小时前
setTimeout 和 setInterval:看似简单,但你不知道的使用误区
前端·javascript·面试
一枚前端小能手2 小时前
🧭 使用历史记录 API - SPA导航与状态管理的完整指南
前端·javascript