Minuit-Z/water

深入理解 Babel

深入理解 Babel

练习

练习 1：Babel 插件开发

参考
- 深入Babel，这一篇就够了 “Babel插件实践” 部分。
- Babel 插件手册
答题地址：hoperyy#1

作业

完成精准 import 转码：

import { Select as MySelect, Pagination } from 'xxx-ui';
// import UI2 from 'xxx-ui';
import * as UI from 'xxx-ui';

到

import MySelect from 'xxx-ui/Select/Select.js';
import Pagination from 'xxx-ui/Pagination/Pagination.js';
// import UI2 from 'xxx-ui';

import * as UI from 'xxx-ui';

类似即可，自由发挥

练习 2
- 参考懂编译真的可以为所欲为|不同前端框架下的代码转换
- 答题地址：hoperyy#3
- 作业
  
  完成 vue 转 react

产出

工具
- 独立解析某个文件的依赖树：get-dependency-tree
  
  用该工具可以快速解析出：js / vue / scss / sass / less / css 类入口文件的依赖树，不再依赖 webpack 获取依赖树（webpack 暴露的获取方式极其晦涩）。
分享
- [多端开发系列] babel 插件开发全面理解(2019-05-05)
- [多端开发系列] babel 插件开发实践过程(2019-05-19)
- babel架构图(2019-12-05)
- 微信小程序知识图谱

参考资料