chinanf-boy/minipack-explain

📦minipack

用javascript编写的现代模块打包器的简化示例

这是一篇 翻译{Translations}

github source

介绍

作为前端开发人员,我们花费大量时间处理类似的工具像 WebPack,Browserify, 和Parcel.

了解这些工具的工作方式可以帮助我们更好地决定如何编写代码. 通过理解我们的代码如何转化为一个包以及该包的外观如何,我们也可以更好地进行调试.

这个项目的目的是解释大多数捆绑商如何在隐藏条件下工作. 它包含简化但仍然合理准确的捆绑器的简短实现. 与代码一起,有评论解释代码试图实现什么.

尝试运行代码

首先安装依赖关系:

$ npm install

然后运行我们的脚本:

$ node src/minipack.js

酷啊,我从哪里开始?

两种方式

1. 前往源代码: src/minipack.js.

2. 将代码注释, 拿出来解释explain.md

额外的链接

• AST Explorer
• Babel REPL
• Babylon
• Babel 插件手册
• webpack: 依赖管理

校对 ✅

翻译的原文	与日期	最新更新	更多
commit	⏰ 2018 5.30		中文翻译

贡献

欢迎 👏 勘误/校对/更新贡献 😊 具体贡献请看

生活

If help, buy me coffee —— 营养跟不上了，给我来瓶营养快线吧! 💰