Answer1215

摘要： 生成 JavaScript AST 我们要对整个模板的 AST 进行转换，转换为 JS AST。 我们目前的代码已经有了遍历模板 AST，并且针对不同的节点，做不同操作的能力。 我们首先需要知道 JS AST 长什么样子： function render(){ return null; } 上面的代 阅读全文

摘要： 转换器 主要的目的是将模板的 AST 转换为 JS 的 AST，整个模板的编译过程如下： // Vue 的模板编译器 function compile(template) { // 1. 得到模板的 AST const ast = parse(template); // 2. 将模板 AST 转为 阅读全文

摘要： 模板编译整体流程 首先我们看一下什么是编译？ 所谓编译（Compile），指的是将语言 A 翻译成语言 B，语言 A 就被称之为源码（source code），语言 B 就被称之为目标代码（target code），这个事情谁来做？编译器来做。编译器你也不用想得那么神秘，就是一段程序而已。 完整的编 阅读全文

摘要： pnpm + workspace 前置知识 思考🤔：什么是工作空间？ 答案：工作空间可以看作是一个共享的区域，所有用于工作的资源都可以从这个区域获取到。 生活中工作空间 在这个工作空间中，通常会包含与工作相关的所有工具和资源，比如办公桌、电脑、文具和文件柜等。这个工作空间是一个集中完成特定任务的地 阅读全文

摘要： Yarn Yarn 这个包管理器是在 2016 的时候由 Facebook、Google、Exponent 以及 Tilde 团队共同开发推出的。 当时 Yarn 的出现主要是为了解决 npm 在速度、安全性以及一致性方面的一些问题： 安装速度 确定性： 项目A > 直接依赖： libraryX（1 阅读全文

摘要： 在企业应用开发中，很多时候我们要发布的包是私有的，npm上面倒是支持发布私有包，但是需要付费账号，因此更好的选择就是搭建私有服务器。 能够保证代码的私密性 因为是在局域网内部，因此下载速度更快 可以将发布的包做一些权限上设置，利于维护 Verdaccio Verdaccio 是企业开发中非常流行的用 阅读全文

摘要： 要发布自己的包到 npm 上面，大致分为如下的步骤： 准备账号 配置 package.json 打包发布 准备账号 首先去 npm 官网注册一个账号：https://www.npmjs.com/ 注意在注册账号的时候，把邮箱也一并设置了，方便之后接收验证码。 账号注册完毕后，就可以在控制台通过 np 阅读全文

摘要： 所谓包的说明文件，也就是 package.json，当我们使用 npm init 去初始化一个项目的时候，就会自动的生成一个package.json 文件。 关于 package.json，官网是有详细的配置项说明的：https://docs.npmjs.com/cli/v9/configuring 阅读全文

摘要： 平时用的最多的指令可能就 3 个： npm init -y npm install xxx（npm i xxx） npm uninstall xxx（npm rm xxx） 所有的指令实际上可以在 npm 官网上面看到的：https://docs.npmjs.com/cli/v9/commands 阅读全文

摘要： 自定义插件 在 PostCSS 官网，实际上已经介绍了如何去编写一个自定义插件：https://postcss.org/docs/writing-a-postcss-plugin 需要有一个模板 module.exports = (opts = {}) => { // Plugin creator 阅读全文