现如今，前端开发的同学已经离不开 npm 这个包管理工具，其优秀的包版本管理机制承载了整个繁荣发展的NodeJS社区，理解其内部机制非常有利于加深我们对模块开发的理解、各项前端工程化的配置以加快我们排查问题（相信不少同学收到过各种依赖问题的困扰）的速度。 本文从三个角度：pac…

大家最近是不是经常听到 pnpm，我也一样。今天研究了一下它的机制，确实厉害，对 yarn 和 npm 可以说是降维打击。 那具体好在哪里呢？ 我们一起来看一下。 我们按照包管理工具的发展历史，从 n

作为前端工程师，前端工程化是经常听到的概念，但虽然经常听到，很多人对它的认识依然很模糊。 比如，提到前端工程化，他并不能说出什么是前端工程化。给出一门具体的技术，他也不能确定是不是属于工程化范畴的技术

包含ESLint+Prettier保证代码风格规范，husky+lint-staged构建前端工作流，生成changelog，vuepress生成文档，本地热更新调试，Jest

TypeScript是编译器 也是一种规范。 通过tsconfig.json可以自定义开发配置，这里有一份官方JSON配置文件，可作为参考。 逼不得已，又熟悉了一波CommonJS规范，这里必须得感谢像阮一峰这样的大佬们（先驱们），在中国互联网迅速发展的大环境中，这些为我们指路…

让你的 Vue 代码"学会"自动按需引入！使用 unplugin-auto-import、unplugin-vue-components 和 unplugin-icons，自动引入 api 和 组件

模块化主要是用来抽离公共代码，隔离作用域，避免变量冲突等。将一个复杂的系统分解为多个模块以方便编码。 如果没有写后缀名Node会尝试为文件名添加.js、.json、.node后再搜索。 .js件会以文本格式的JavaScript脚本文件解析，.json文件会以JSON格式的文本…

这是我参与8月更文挑战的第13天，活动详情查看：8月更文挑战 Module 的加载实现 上一章介绍了模块的语法，本章介绍如何在浏览器和 Node.js 之中加载 ES6 模块，以及实际开发中经常遇到的

先说说什么是模块化，就是将独立的功能代码封装成一个独立的文件，其他模块需要使用，在进行引用。 模块化有利于代码的拆分和架构上的解耦，模块化在服务端领域已经早已成熟，nodejs 也已经支持模块化。 而在浏览器上，js 脚本是异步载入的，脚本按照编码顺序依次执行，依赖关系只能按照…