2插入侧面
├─ ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ─────────────────────────────────_my-command.js.map├────────────────────────────────────────────────── aa.jsony由webpack和manifest.json - my-command.js3我仍然想要添加一些幸运功能 。
如果你不满意，这意味着你真的很喜欢学习，也是发展同学也很潜力 。 完美的插件需要交互式图层，API层，业务地层，调试层和发布层，每个都静静地工作 。
在步骤之前，通过菜单栏构件，创建webiew完成了交互层的开发;插件操作代码通过桥梁WebView传送到用户，并在调用API层草图操作后，它适用于API层;根据他们的需求并依赖于交互与API层之间的交互来编写商业代码，它是业务层的工作;为此，你应该有一个径流 。
但另外，在代码准备过程中，棉绒组件也需要协助开发 。 发现需要使用各种类型的Dev工具委托问题 。 在QA验证之后，需要CLI工具来打包和发布插件更新 。 在本节中，我们将简要介绍一些基本的调试层和发布级别 。
构建块素描插件结构
WebPack配置
SKPM默认为WebPack作为包装工具 。 WebPack是一个现代JavaScript应用程序的静态模块包（模块Bundler） 。 当WebPack处理应用程序时，它被递归地构建了一个依赖关系图，其中包含所需的每个模块，然后将所有这些模块包装成一个或多个捆绑包，需要是webpack.config 。 JS配置了，类似于Android中的Gradle，也支持各种插件 。
网克处理流程
由于插件的开发人员不一定是前端同学，因此WebPack之前可能无法触及，因此我们在此介绍一些常见配置，因此您可以使用更多的时间来关注商业代码 。 与WebPack的第一次联系是去年公司内的技术培训（美国技术学院提供了一些技术培训课程 。 加入我们在知识中享受海洋），美国集团MRN项目套餐计划是网包 。
有各种各样的包装工具，如网克，汇总，墨水，咕噜声等 。 RN包装是一组FaceBok的工具，以及我们任务MRN包装工具的选择是网客的，因为网克具有强大的插件机制和丰富的社区生态学，您可以完成复杂的管道包装工作，WebPack插件也在开发中发挥了非常重要的作用 。 网客有五个核心概念：

这些文件只能在插件开发中处理 。 我们可能会遇到某些需要使用特定插件的文件，而不需要处理其他文件 。 以下示例列出了文件单独处理和参数配置的三个常用的基本操作 。
├─ ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ─────────────────────────────────_my-command.js.map├────────────────────────────────────────────────── aa.jsony由webpack和manifest.json - my-command.js