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

相关推荐
Aasee7 分钟前
分享一个Processon油猴插件
前端·javascript
a濯22 分钟前
van-list的使用
前端·javascript·list
lanren31236 分钟前
linux部署node服务
node.js
Orange3015111 小时前
ES6~ES11新特性全解析
java·前端·javascript·es6
敲敲敲敲暴你脑袋1 小时前
vue3中ref响应式变量为什么script中要用.value,而template模板中不需?
javascript·vue.js·visual studio code
Lanwarf-前端开发2 小时前
gis风场加载
开发语言·前端·javascript
海上彼尚2 小时前
ModuleJS 与 CommonJS 混用的两种解决方案
javascript·node.js
吃蛋糕的居居2 小时前
疯狂前端面试题(四)
前端·javascript·chrome·ajax·正则表达式·firefox·html5
一川晚照人闲立2 小时前
JEECGBOOT前端VUE3版本浏览器兼容支持chrome>=76版本方法
java·前端·vue.js·chrome·anti-design-vue·jeecgboot·jeecg
m0_548049703 小时前
最新最详细的配置Node.js环境教程
node.js