前端编译和工程化

该系列前两篇内容介绍了PEG的基本用法及实践生成AST的例子，本文将结合`vue` 框架将生成的 `AST` 生成浏览器真实的 `DOM` ，来实践 `AST generate code` 的过程~

上篇我们了解了 PEG.js 的基础使用，忘记的童鞋建议复习一下，对于本文的食用效果会更佳哦！ 光说不练，等于白学。所以本文来实现一个编译器（瞎搞、玩具、欢乐）~

PEG.js 是一个简单的 JavaScript 解析器生成器，可以生成具有出色错误报告的快速解析器。您可以使用它来处理复杂的数据或计算机语言，并轻松构建转换器、解释器、编译器和其他工具。

一、背景 当我们在一个大的前端工程中，新增模块或者子工程时，总是要先做大量无聊的重复的初始化工作。比如，新增一个页面，需要给新页面新增对应的组件文件，路由，以及依赖引入等。如果有一个工具，可以自动化一

本文从快速搭建的角度，带你从0到1搭建一套符合Eslint标准、符合约定式提交要求的项目，希望能给带来一些帮助。

本期文章主要介绍了ESLint的基本使用、如何自定义插件、及如何在项目内自定义规则，最后还介绍了与ESLint搭配的好用工具.

一、什么是 Source Map 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的代码映射关系。关于 Sour

本文大纲： 通过 vue-i18n 的 <i18n> 了解 customBlocks 和基本配置； 从源码层面了解 vue-loader 对 customBlocks 的处理 vue-i18n vue

工作流 Babel 的编译流程如上图所示，主要有三步：parse、transform、generate。parse 编译源代码，生成抽象语法树；transform 对 AST 树做各种操作（编译、删除

背景 最近想做个类似 vue-cli 中 vue serve 的功能，能够直接指定一个入口文件进行快速预览开发的需求。 简单来说，就是在命令行输入 vue serve MyComponent.vue

What is Babel? Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器