之前看到一位大佬的博客, 介绍了babel的原理, 以及如何写一个babel的插件, 抱着试试看的想法, 照葫芦画瓢的自己写了一个简单的babel插件, 该插件的作用就是将代码字符串中的表达式, 直接转换为对应的计算结果。例…

使用 Webpack 与 Babel 配置 ES6 开发环境 安装 Webpack 安装： {代码…} 在项目根目录下新建一个配置文件—— webpack.config.js 文件： {代码…} 在 src 目录下新建 a.js 文件： {代码…} 在 src 目录下新建 i…

虽然在工作中用react+antd写页面写了一年，但从来没自己去认认真真配置一个webpack，去分析去优化自己打出的包。在工程化成熟或者大点的公司，都有自己的打包工具，所以自己工作中很少去琢磨这些。为了试一下写出…

前置准备 {代码…} 第一步配置webpack 配置路径： {代码…} 属性解析： {代码…} 第二步配置babel 配置路径： {代码…} 属性解析： {代码…} 结尾 根据上面步骤大概能解决问题

本文描述了通过 Babel 生成 npm 包的最小设置。你可以在 GitHub 中看到案例 re-template-tag 的设置。

近期，在波洞星球的PC官网项目中，我们采用了新版的 babel7 作为 ES 语法转换器。而 babel7 中的一大变更就是对配置文件的加载逻辑进行了改进，然而实际上对于不熟悉 babel 配置逻辑的朋友往往会带来更多问题。本…

这里优化的主要思路是在dev环境下，单独出来一个dll配置文件，将项目中的部分依赖包写入配置文件，最终生成一个在dev环境下专用的dll文件，这样处理的目的是减少开发时的编译时间（ps：经测试可以提升50%左右的编…

上一篇（《如何编写简单的parser（基础篇）》）中介绍了编写一个parser所需具备的基础知识，接下来，我们要动手实践一个简单的parser，既然是“简单”的parser，那么，我们就要为这个parser划定范围，否则，完整的J…

Babel 会在正在被转录的文件的当前目录中查找一个 .babelrc 文件。 如果不存在，它会遍历目录树，直到找到一个 .babelrc 文件，或一个 package.json 文件中有 “babel”: {}

简单的说，parser的工作即是将代码片段转换成计算机可读的数据结构的过程。这个“计算机可读的数据结构”更专业的说法是“抽象语法树（abstract syntax tree）”，简称AST。AST是代码片段具体语义的抽象表达，它不包…