结论:

1. 转换ES6语法成ES5
2. 处理模块加载依赖
3. 生成一个可以在浏览器加载执行的 js 文件

第一个问题，转换语法，其实我们可以通过babel来做。核心步骤也就是：

• 通过babylon生成AST
• 通过babel-core将AST重新生成源码

第二步需要处理模块依赖的关系，那就需要得到一个依赖关系视图，babel-traverse提供了一个可以遍历AST视图并做处理的功能，通过 ImportDeclaration 可以得到依赖属性，

得到根文件的依赖关系和编译后的代码，比如我们的index.js依赖了test.js但是我们并不知道test.js还需要依赖message.js，他们的源码也是没有编译过。所以此时我们还需要做深度遍历，得到完成的深度依赖关系，完成了所有文件的编译解析。

最后一步，就是需要我们按照webpack的思想对源码进行一些包装。第一步，先是要生成一个modules对象，得到 modules 对象后，接下来对整体文件的外部包装，注册require，module.exports，函数内部，循环执行每个依赖文件的 JS 代码而已，完成代码，到这里基本上也就介绍完了。

最新文章

1. 引入git flow分支管理
2. Artificial Intelligence Research Methodologies 人工智能研究方法
3. python_Day1_基础知识开篇
4. bnu 4352 XsugarX的疯狂按键识别(暴力模拟)
5. Speak softly love
6. hibernate配置jndi
7. java中接口之间的继承
8. Sublime 常用快捷键
9. [UWP]合体姿势不对的HeaderedContentControl
10. 使用JdbcTemplate 操作PostgreSQL，当where条件中有timestamp类型时，报错operator does not exist: timestamp w/out timezone
11. 递归与动态规划II-汉诺塔
12. lambda 和 iterable
13. Python PIL 的image类和numpy array之间的互换
14. java后端实习，从最简单的crud做起
15. spring ApplicationContext中Bean的生命周期
16. Centos7.2安装搜狗拼音
17. Linux上传和下载之Xshell
18. 【WPF】ListBox使用UserContrl作为子控件，引入UserContrl界面
19. 170321、Spring+Quartz实现定时任务的配置方法
20. MySQL学习之变量

热门文章

1. VSCode Debug模式下各图标 含义
2. Unity 声音播放不受Time.scale为0的影响
3. C++_String_类字符串操作(转)
4. 史上最低，低到尘埃，CDR邀你一起嗨购618
5. BZOJ 2150 部落战争 (二分图匹配)
6. 窗口管理工具 screen
7. QT_圆_直线_三角t
8. os.getcwd()函数的用法
9. Django REST Framework 数码宝贝 - 3步进化 - 混合类 -->
10. js常用事件及事件对象