美文网首页
组件化初探

组件化初探

作者: 叔简 | 来源:发表于2021-12-04 22:43 被阅读0次

一、创建本地组件化

首先创建一个存储组件化的文件夹:例如

组件化.png

cd到这个文件夹中,使用下边命令创建本地组件库
(注:我在创建的过程中,使用WiFi一直创建失败,后来连自己热点才能创建成功,可能跟我的网络有关系,这里加个提醒)

pod lib create UIViewcontroller_category_Module

之后会出出现创建组件的选项,如下图:

创建组件选项.png

组件化创建选项
① 组件化适用的平台
② 组件化使用的语言
③ 组件化是否包含一个application
④ 组件化目前还不清楚是啥,直接选none即可
⑤ 组件化是否包含Test
⑥ 组件化文件的前缀

创建本地组件完成.png
至此组件创建完成,此时会自动打开你创建的工程

添加组件化功能

关闭当前工程,打开你创建的工程文件夹,在classes文件中,放入你的组件化代码,文件夹具体路径如下:


组件功能文件存放路径.png

安装本地库,cd到Example文件下,进行pod install:具体执行如下图:


添加本地组件化库.png

打开Example文件夹中的工程:


打开工程.png

此时可以看到导入本地库成功:


导入成功.png
导入头文件,此时就可以愉快的,使用了
使用本地库.png

二、制作多个本地库

关闭工程,重新cd到最外层文件夹


创建多个本地库.png

使用:

pod lib create Load_pic_Module

后续创建步骤,选项参照一

三、添加资源文件:

添加资源文件.png

之后cd到Example文件夹中,打开工程,在Load_pic_Module.podspec,添加图片资源的搜索路径,具体如下图所示:

  # 加载图片资源文件
  s.resource_bundles = {
    'Load_pic_Module' => ['Load_pic_Module/Assets/*']
  }
添加文件资源路径.png
之后在命令行中,执行pod install指令,效果如下图所示:
图片资源.png
(注:每次对组件进行修改时,每次都需要进行一次pod install,这个很重要,切记)

四、添加本地其他依赖库

还是在Load_pic_Module工程中进行引入,在Podfile中进行本地库引入

  # 添加本地其他依赖库
  pod 'UIViewcontroller_category_Module', :path => '../../UIViewcontroller_category_Module'
添加本地其他依赖库.png
执行pod install

五、添加外部引用库

有时候,也需要一些从网上下载的三方库,例如afn,masonry等

  # 添加额外依赖库
  s.dependency 'AFNetworking'
  s.dependency 'Masonry'

添加位置如下


添加额外依赖库.png

添加效果图


额外库.png

六、全局通用引入

作用:类似prefix header

  #  s.prefix_header_contents = '#import "LGMacros.h"','#import "Masonry.h"','#import "AFNetworking.h"','#import "UIKit+AFNetworking.h"','#import "CTMediator+LGPlayerModuleAction.h"'
  s.prefix_header_contents = '#import "Masonry.h"'

多个引入看第一条,单个引入是第二条
注:改完记得pod install

相关文章

  • Android组件化:我们到底该怎样学习和运用组件化?

    前言 上个星期,我分享了一篇关于Android组件化的文章↓↓↓Android组件化初探【含Demo】[https...

  • 组件化初探

    一、创建本地组件化 首先创建一个存储组件化的文件夹:例如 cd到这个文件夹中,使用下边命令创建本地组件库(注:我在...

  • iOS组件化初探

    为什么要组件化 随着App的快速迭代,业务模块越来越复杂,开发人数越来越多。传统的开发模式会导致代码管理混乱,发布...

  • Android组件化初探

    Android组件化实践 demo地址:https://github.com/syg13579/assembleD...

  • iOS组件化初探

    序言 对于一款成熟的App来说,持续迭代带来的功能膨胀,不同开发者的编码习惯差异,必然导致代码管理成为一大重要课题...

  • 组件化

    组件化初探 组件化其实就是将模块单独抽离、分层,并指定模块间的通讯方式,从而实现解耦的一种方式,主要运用与团队开发...

  • Vue初探--组件化篇

    什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装...

  • Android 组件化之初探

    这是一个APP臃肿的时代!所以为了告别APP臃肿的时代,让我们进入一个U盘时代,每个业务模块都是一个具备独立运行的...

  • 组件化初探 - JLRoutes源码分析

    最近在学习组件化的知识,看到了JLRoutes这个框架,这是一个基于路由匹配的框架,我大致读了这个框架的源码。下面...

  • Android组件化初探【含Demo】

    demo地址:点击此处,找管理员拿[https://jq.qq.com/?_wv=1027&k=nQQS4z8y]...

网友评论

      本文标题:组件化初探

      本文链接:https://www.haomeiwen.com/subject/lmebxrtx.html