Answer1215

摘要： 自定义插件 要自定义 babel 的插件，实际上有一个固定的格式： module.exports = function(babel){ // 该函数会自动传入 babel 对象 // types 也是一个对象，该对象上面有很多的方法，方便我们对 AST 的节点进行操作 const { types } 阅读全文

摘要： 前端自动化测试 这一小节主要会介绍： 单元测试对于我们前端的重要性 软件开发模型与自动化测试 前端测试框架 单元测试 不同的测试这里会形成一个测试金字塔： 一般来讲，软件开发中单元测试是做的最多的。 从测试金字塔的角度来看，越往上测试的成本是逐渐增加的，因为越到后期才抛出的 Bug，程序员要修复这个 阅读全文

摘要： 测试基本认知 这节课我们会从以下几个点来介绍和测试相关的基本知识： 为什么需要测试 ？ 有哪些测试 ？ TDD和BDD项目驱动模式 为什么需要测试 测试保证了软件的质量和可靠性，确保我们的软件是按照预期的功能进行的。 发现和修复权限 通过测试，我们可以提前发现一些功能不完整、性能低下、有安全漏洞的地 阅读全文

摘要： 自定义插件part1 关于 babel 中如何创建自定义插件，官方是有一个 handbook：https://github.com/jamiebuilds/babel-handbook/blob/master/translations/en/plugin-handbook.md AST Babel处 阅读全文

摘要： 集成Prettier 目前我们所学习的两个工具：Pretter 和 ESLint，两者都有管理代码风格的功能，因此两者往往就会在代码风格的管理上面存在一些冲突。 例如举一个例子： ESLint 配置了单引号规则 Prettier 配置了要使用双引号 那么现在假设你使用双引号，ESLint 会提示错误 阅读全文

摘要： 自定义ESLint插件 ESLint插件主要是用来扩展ESLint本身没有的功能，这里包括扩展规则、扩展配置、扩展解析器。 90%的ESLint插件都是以扩展规则为主，所以这些插件里面会包含大量的自定义规则。 像这一类的插件，一般一条规则会对应一个 JS 文件，JS 文件里面需要导出一个对象： mo 阅读全文

摘要： SWC SWC 英文全称为 Speedy Web Compiler，翻译成中文为“快速网页编译器”。 官网地址：https://swc.rs/ 来看一下官方的介绍： SWC is an extensible Rust-based platform for the next generation of 阅读全文

摘要： Terser Terser 是一个流行的 JavaScript 解析器和压缩器，它可以帮助你优化 JavaScript 代码以减少其大小，从而提高 web 页面的加载速度。Terser 是 Uglify-es 的替代品，后者已经停止维护，Terser 支持 ES6 和更高版本的 JavaScript 阅读全文

摘要： 配置文件 配置文件格式 配置文件选项 配置文件的格式 在 babel 中，配置文件本身又可以分为两种： 项目范围的配置文件 文件相关配置文件 项目范围配置文件 顾名思义，就是该配置文件针对整个项目生效的一个配置，这种类型的配置文件一般放在项目根目录下面，babel 对项目范围级别的配置文件是有格式要 阅读全文

摘要： APIs 关于 babel 里面的 APIs 主要位于 @babel/core 这个依赖里面，你可以在官网左下角的 Tooling Packages 分类下找到这个依赖包。 这里顺便介绍一下每一种依赖包的作用： @babel/parser: 是 Babel 的解析器，用于将源代码转换为 AST。 @ 阅读全文