若川视野-源码共读

本文参加了由公众号@若川视野 发起的每周源码共读活动， 点击了解详情一起参与。这是源码共读的第41期，链接：【若川视野 x 源码共读】第41期 | vant 4 正式发布了，支持暗黑主题，那么是如何实

第一，vite如何读取.env文件中定义的配置；第二，vite如何将.env文件中配置的环境变量挂载到import.meta.env环境变量上的。通过学习今天vite中的相关源代码我们就能够明白。

感觉这玩意儿在电商项目中是很常用的，商品个数增加减少就靠它。如果我们自己写一个stepper组件需要注意哪些事情呢？通过阅读本文一起涨知识吧！

我们使用vite初始化项目的时候，首先在命令行中输入相应的命令，然后进行简单的交互，过一会儿一个项目就建好了。您是否了解这背后的原理呢？阅读本文一起学习吧!

我们会遇到使用一个对象但却不需要某一个属性的场景。作为一个有js开发使用经验的人，问我们怎么删除对象属性的时候我们都会想到delete。但delete之后，对象中就没有这个属性了。你有什么决绝方案吗？

我们知道eslint可以帮助我们检查代码是否符合规范，而prettier则可以对不符合规范的代码进行自动修复。所以我们的项目在工程搭建的时候都会添加eslint和prettier的相关文件并进行后续的

我们平时新建页面的时候都是一个一个的新建，但是在开发UI组件库的时候新建一个组件时除了新建这个组件的源文件外，还要新建对应的demo文件，单元测试文件等，手动可不是好办法，通过本文学习一下自动化方法吧

在JS世界中，数组真是好东西，除了正常作为数组使用，还能当做栈或队列来用。然而学完今天的yocto-queue源码之后，在需要用到队列时你可能就要慎重选择到底用不用数组喽！

vue-dev-server是尤大前些年写的“玩具vite”, 理解其源码对于理解Vite非常有帮助，开始学习吧！

包管理器你用哪家？npm、yarn、 pnpm，真是萝卜白菜各有所爱，本期要学习的ni可以根据锁文件自动判断你用的包管理器并执行相应的脚本，快来学习吧！

开发时总会遇到这样的场景：当项目启动后，浏览器就自动打开了页面。这是如何做到的？原理时啥，今天要学习open的源码来揭秘背后的故事～

把某方法回调函数的形式promise化可以说是很常用的手段了，如开发小程序使用的wx.request如果使用promise封装就更好用。今天要学习的是node中promisyfy~

如果你遇到了这样的场景：每次开发一个页面或组件时都要新建好几个文件比如.css,.vue等。那么这个过程是否可以纳入到优化的范围内呢？今天要学习element-ui新建组件的源码，你一定能受到启发！

团队协作开发项目，统一包管理器是有必要的，可以防止产生严重的问题，本期源码共读的主题only-allow就是用来强制统一包管理器的。

原生cookie如何使用，有什么缺点，封装之后解决了什么问题？本文分析了js-cookie的源码，学习完你将了解如何对cookie进行封装，需要注意哪些问题～

遇到延迟一段执行的场景，最简单的解决方案就是setTimeout。但是增加像提前触发，可以失败，可以取消等需求时，就不那么容易搞定了。本文分析了delay的源码，一步一步实现了一个功能完善的延迟函数～

axios对我们来说在熟悉不过了，可以说是天天用。那么它的源码中有什么可以借鉴的宝贵内容呢？本文分析了axios工具函数的代码，学完可以应用到自己的项目中！

本期学习的源码是由vue团队核心成员antful小哥开发的小工具install-pkg, 用于检查包管理器，自动安装。源码核心代码不到40行却非常值得学习！

开发中常用到.env文件，文件中设置的变量最终可以通过process.env获取。那么这是如何做到的呢？本文通过分析dotenv 关键源码带您探索真相。

本文结合vue2源码分析了为什么可以通过this直接获取到methods中的方法和data中的变量。学完本文，您还会了解http-server的使用，vue2如何解决浏览器补兼容bind的方法等～