00:00
OK啊,我们继续啊,那常规分包我们整完了以后呢,啊,我们再来看另外一个东西叫独立分包,我们先看看官网吧,啊这儿呢,有一个独立分包。独立分包的话很简单,它的目录没变啊,他说是只需要在这个soft package字段中对应的分包配置项中定义这个就好了。怎么设置呢?只需要设置这个independent为处,那你就是独立分包。那到底什么是独立分包呢?直接看我们的课件往下。那那官网上啊,就是我们接下来分包的操作呢,我在我的课件里面目录结构也好,包括官网的说明,包括我的项目里面示例都有截图,大家也可以参考一下这这个啊来,那下面这呢是独立分包的内容。设置什么?在每一个分包的对象中,这不是一个分包对象吗?设置independent为处就好了。
01:00
哎,独立分包跟我们的常规分包有什么区别呢?这儿我给大家列出来了,独立分包首先可以单独访问分包的内容,而不需要下载主包。刚才在常规分包里面。我们说常规分包,这是不是必须要先加载主包呀?哎,独立分包不需要。正是因为它可以不用加载主包,先加载它,所以啊,它不能依赖于主包里边的或者其他包的内容,因为它完完全全是个独立的个体。如果说他要依赖于主报内容,那这个时候假如说我先先加载的是独立分包。是这个时候呢,我没有加载主报,那你要依赖于主报内容,那肯定会报错。啊,这也就是为什么他会这样设计。嗯,那。我们可以看一下啊,假如说我们现在呢,给第一个。
02:03
诶分包呢,设置成独立分包,那也是我们再给它加一个字段为处我们看一眼。啊,现在啊,我们看一下我们能不能正常的访问这个独立分包走。来页面到了啊啊,在这个页面呢,其实跟我们之前有点不一样了啊,看看细心的小伙伴能不能发现得了啊,我们待会儿说啊,看着我们再访问里面,你们就看懂了。你会发现少了很多东西。什么没有了?I没有了。对吧,其实外边这的icon foot也没了,哪儿的,当初我们在右侧这儿呢,有个点点点更多的icon没了,哎,那这是为什么呢?因为icon呢,我们现在是在主页引入的。对吧,在主页引入的,那你独立分包的话,你不能用我主页的内容,那怎么办呢?那你就要自立门户了。
03:04
啊,那主页的用不上,你也可以在你的目录下放置你想要用的内容,这里呢,为了方便给大家演示啊,我就直接把这个static拿过来了,其实独立分包根本用不了这么多东西,我直接粘过来了啊,在这里是不是又有I foot了,然后你要用I foot的话,你必须要你在你自己的样式文件上面去给人家引入一下。嗯,艾啊import啊,这的引用方式呢,其实跟我们当初主页这个引用一样啊。就是他呗。嗯,那对应的在3D的样式文件也需要引入来,我们来到最上面。就这个呗,好的,那这个时候啊,我们再看。找你。大家看这是不是就出来了,没有问题,那么出来了以后我要说一点啊,这的根路径还是相当相当于什么我们分包的根目录,所以呢,是不是才能找到它下边的static。
04:04
没有问题,好的,那这个页面出来了啊,我们到里面再看一遍。你会发现下边还是白的。那这是为什么呢?其实下边的字体图标啊,已经有了,只不过字体图标正好也是白色,你看不到这儿,为什么少了一块呢?为什么少了一块儿呢?首先啊,大家要知道,我们当初下边这个区域,我们用的是定位。Absolute对吧,绝对定位,那么absolute是不是会突进文档流?所以呢,我们当前的页面呢,是由这一部分内容撑开的啊,因为下边的已经脱离文档流了。而最外边的元素。我们用的是flex布局,但是呢,我们并没有指定它的高度,所以是不是有内容撑开啊。啊,那之前为什么没有这个问题呢?之前是因为我们这儿写了个100%要继承外边配置的高度。
05:06
可是现在的配件它也没有高度,它是由我们里面的内容撑开的,所以你能看到到这儿。那那这是为什么呢?啊,可能有的小伙伴已经想到了啊,之前啊,我们在全局这是不是写过一个配件高是100%啊,现在因为你是独立分包了,你用不了了,所以。出现刚才的现象了啊,因为这种情况呢,我们需要还得给啊,他们里边分别去设置一个高为100%,那这样的话呢,我们再来看一遍。来,过来。好的,我们直接到里边的页面啊过了。哎,那这个时候大家看就又好了。啊,那这就是独立分包的特点啊,它不能依赖于主报的内容。那么接下来给大家说一下,我们独立分包什么时候用比较合适啊,这儿呢,给大家列了一个使用场景。
06:03
首先独立分包呢,跟我们主页的关联有没有,有,但是呢,关联性大不大不大,所以啊,通常我们你比如说我们临时加了一些广告页,活动页,我们就可以做一个独立分包。啊,比如说这不马上啊,双11了吗。双11的话,你们京东淘宝的他们会针对于那一天对吧,会做很多的活动页,这些活动页或者广告页平时是没有的,仅仅是针对于双11这个活动。而活动结束,我是不是这些活动也就撤掉了?那像这些页面呢,特别适合用什么,用独立分包去做。用独立分包去做。对吧,哎。那里面该写啥写啥就行了啊,用完直接把这个分帮撤掉就拉倒。好的啊,那这个呢,就是我们的独立分化啊,你说使用起来简单不简单。但是呢,我们还是要注意一下里边的细节啊,就是说它不能加依赖于主报或者其他报道内容。
07:05
好,那这节课呢,我们先讲到这儿。
我来说两句