{"id":13817238,"url":"https://github.com/chinanf-boy/minipack-explain","last_synced_at":"2025-08-02T21:35:41.858Z","repository":{"id":42234561,"uuid":"135324175","full_name":"chinanf-boy/minipack-explain","owner":"chinanf-boy","description":"explain: \u003cminipack\u003e simple bundle 捆绑器 示例 「翻译」❤️ 校对 ✅","archived":false,"fork":false,"pushed_at":"2020-06-21T00:43:17.000Z","size":18,"stargazers_count":339,"open_issues_count":1,"forks_count":64,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-31T13:18:55.175Z","etag":null,"topics":["bundle","explain","minipack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chinanf-boy.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-05-29T16:29:03.000Z","updated_at":"2024-12-23T13:46:09.000Z","dependencies_parsed_at":"2022-09-07T17:02:01.176Z","dependency_job_id":null,"html_url":"https://github.com/chinanf-boy/minipack-explain","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chinanf-boy%2Fminipack-explain","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chinanf-boy%2Fminipack-explain/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chinanf-boy%2Fminipack-explain/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chinanf-boy%2Fminipack-explain/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chinanf-boy","download_url":"https://codeload.github.com/chinanf-boy/minipack-explain/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247675607,"owners_count":20977378,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bundle","explain","minipack"],"created_at":"2024-08-04T06:00:37.918Z","updated_at":"2025-04-07T15:10:05.730Z","avatar_url":"https://github.com/chinanf-boy.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\n## 📦minipack  [![explain]][source] [![translate-svg]][translate-list]\n\n[explain]: http://llever.com/explain.svg\n[source]: https://github.com/chinanf-boy/Source-Explain\n[translate-svg]: http://llever.com/translate.svg\n[translate-list]: https://github.com/chinanf-boy/chinese-translate-list\n\n 用javascript编写的现代模块打包器的简化示例 \n \n 这是一篇 `翻译{Translations}`\n\n [github source](https://github.com/ronami/minipack)\n\n### 介绍\n\n作为前端开发人员,我们花费大量时间处理类似的工具像 [WebPack](https://github.com/webpack/webpack),[Browserify](https://github.com/browserify/browserify), 和[Parcel](https://github.com/parcel-bundler/parcel). \n\n了解这些工具的工作方式可以帮助我们更好地决定如何编写代码. 通过理解我们的代码如何转化为一个包以及该包的外观如何,我们也可以更好地进行调试. \n\n这个项目的目的是解释大多数捆绑商如何在隐藏条件下工作. 它包含简化但仍然合理准确的捆绑器的简短实现. 与代码一起,有评论解释代码试图实现什么. \n\n### 尝试运行代码\n\n首先安装依赖关系: \n\n```sh\n$ npm install\n```\n\n然后运行我们的脚本: \n\n```sh\n$ node src/minipack.js\n```\n\n### 酷啊,我从哪里开始? \n\n\u003e 两种方式\n\n1. 前往源代码: [src/minipack.js](src/minipack.js). \n\n2. 将代码注释, 拿出来解释[explain.md](./explain.md)\n\n### 额外的链接\n\n- [AST Explorer](https://astexplorer.net)\n- [Babel REPL](https://babeljs.io/repl)\n- [Babylon](https://github.com/babel/babel/tree/master/packages/babel-parser)\n-   [Babel 插件手册](https://github.com/thejameskyle/babel-handbook/blob/master/translations/en/plugin-handbook.md)\n-   [webpack: 依赖管理](https://webpack.js.org/guides/dependency-management)\n\n## 校对 ✅\n\n\u003c!-- doc-templite START generated --\u003e\n\u003c!-- repo = 'ronami/minipack' --\u003e\n\u003c!-- commit = 'c540b5c2490b8f64caf30eaf89d358d70984e954' --\u003e\n\u003c!-- time = '2018 5.30' --\u003e\n翻译的原文 | 与日期 | 最新更新 | 更多\n---|---|---|---\n[commit] | ⏰ 2018 5.30 | ![last] | [中文翻译][translate-list]\n\n[last]: https://img.shields.io/github/last-commit/ronami/minipack.svg\n[commit]: https://github.com/ronami/minipack/tree/c540b5c2490b8f64caf30eaf89d358d70984e954\n\n\u003c!-- doc-templite END generated --\u003e\n\n### 贡献\n\n欢迎 👏 勘误/校对/更新贡献 😊 [具体贡献请看](https://github.com/chinanf-boy/chinese-translate-list#贡献)\n\n## 生活\n\n[If help, **buy** me coffee —— 营养跟不上了，给我来瓶营养快线吧! 💰](https://github.com/chinanf-boy/live-need-money)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchinanf-boy%2Fminipack-explain","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchinanf-boy%2Fminipack-explain","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchinanf-boy%2Fminipack-explain/lists"}