00:00
下面我们要开发的是fair。发呢,作用就是将我们的资源啊原封不动输出去。主要针对是比方说图片。还有自己图标这些资源,它不需要做别的处理,直接输出去就好了。诶,这个发呢在PE中啊,它是通过type set。或者是他把set resource去实现的。好,那么我们接下来呢,就想自己定一个load去实现这个功能,看怎么办。首先我们先要知道到底这个type set type asset resource,也就是说我们要做的这个,它具体要干什么事,我们先搞清楚。所以这里呢,我来到了这个基础学习的这个外派仓库中。当然你用或者是view啊什么的都可以啊,这里配置简单一点会快一点,我们希望看一下啊,它是怎么处理这个打包资源的。好,这个时候我们要运行的必然是开发模式的配置。
01:01
因为生产模式配置会进行压缩,我们再也找不到之前它是怎么处理的呢?我们得用这个开发模式的配置。而开发模式配置呢,我们也不能用d server的配置,因为d server是在内存变异的,我们看不到输出的结果。我们得不用低的配置。所以这里呢,我们运行这个NPS派。通过GA来指定它去运行这个开发模式下的这个外派的配置文件。我没有加serve,所以它不会启动这个DB serve的配置,这样呢,它就会把文件输出到D了。OK,输入成功,我们可以去第去查看这个JS文件啊。他打到输出呢,会输出的一些字图标和图片资源,OK,那么在这里我们就可查看。翻到这个魅力的比较靠下的部分,我们就能看到它对图片和自己图标的一个处理。上面是我们处理的资源,下面才是它真正处理的内容,而其中中间的这部分就是他在load中return的结果。
02:07
OK,我们能看到啊,其实它就是返回一个moity,暴露这个资源就好了。返回到了这个资源就OK了。然后资源呢,这个名称要改成最新的这个哈希值,而不是之前的这个2.png这个名称,而是最新的这个带哈希值的名称,这就是他最终要处理的项目。所以发到底要干什么事呢?它就是要首先把文件名呢,根据文件内容去生成一个哈希纸的名字。然后呢,最终return的结果就是一个model等于这个文件名,当然包含它的路径的一个这样的一个表达式就好了。而且注意这个资源路径是一个字符串啊,字符串,而前面这部分呢,什么外派这个东西是派自动加的,我们并不需要关心,我们要输出的部分就是猫等于以及包含这个文件路径。
03:02
这个就是我们发的最终要返回的结果。当然你这样返回呢,这个图片资源或者自己投标资源并不会再打包生产,所以我们还差最后一步,就是我们需要手动的把这个资源输出去。所以发一共要做三件事,首先根据文件内容生成一个带哈希值的文件名称。然后再把这个文件名输出到地层部去。最后return一个model等于这个文件的一个情况。那么最终就会处理好的这个资源了。好,那么我们接下来就去搭建这个发的。我们在这个nos下面新建一个问题,叫follow。来接下来处理它。Industry just。好,它呢,需要model p向外暴露一个函数。对吧。而且这里要注意,我们需要处理的是。
04:02
图片字体的文件。那么他们都是八分数据,都是二级数据。所以我们需要使用热的。所以这里要注意,我们要用上热闹的才行。那么这样呢,就可以使用用的那么热的用作用就是我们接收到的内容是一个八核数据流。好,那么八法数据呢,我们也不用看了,也看不懂啊,所以不用管,接下来我们来写我们要实现的三个步骤。首先要根据文件内容生成。一个带哈希值的。王经理。然后呢,将。文件输出去。同时最后要返回一个什么形式呢?What do。
05:04
加上我们的要输出的这个文件。啊,路径当然还包含这个文件名。返回一个这样的形式,那么将来他去找这个模块的时候,才能找到它对应的路径,然后才能使用。所以这是我们需要做的一个一个事。好了,那么首先第一件事啊,我们要想办法根据文件内容来生成一个带哈希值的文件名。哎,这个哈希值怎么产生呢?诶,我们可以直接借助微派官方提供的一种方法去做。这个方法呢,我们可以来到的get up的一个网站。在这里呢,我们能找到外派开发的各种官方的一个库。其中有一个库叫。是专门为我们外派的load开发的一些工具函数。我们点击。那么这些工具函数中就有一个专门处理这个这个文件名的一个方法。
06:03
Name专门来生成这个带哈希纸的一个文件名。根据文件内容。它的方法第二个呢,需要三个参数啊,第一个是load的一个上下文,也就是load中的this。第二个就是你要处理一个怎样的名字。你要不要内幕,要不要扩展,你要不要这个哈希值是怎样的哈希值啊,你可以指定。第三个option里面你需要传,就是我们要处理的文件内容,这个文件内容是啥?我们要在这里面传递。OK,那么接下来我们就可去使用啊,那么使用之前呢,我们先把这个包呢,先下载一下叫no us。好让它慢慢下啊,然后呢,我们接下来去引入这个model的这个方法。直接引入脑袋又挑剔。
07:06
引入之后呢,我们就直接调个方法了。它可以生成一个带哈希值的文件里。那么第一个是咱们logo的一个上下文this,第二个是我们要生成一个怎样的名字啊,我们用上下去值,然后呢,后面要加上它的文件扩展名。然后如果你还有什么宽参数,也可以加上。当然,其实我们没有啊。第三个options里面呢,我们要告诉他这个文件内容长什么样子,因为它要根据文件内容生成,所以传这个content。返回值就是我们这个文件名。诶,我们这时候可以打印看一下。好了,那么下面呢,我们想看一下这个文件名最终生成的效果啊。我们打开PADS在这里面呢,我们去写上。我们的的配置。当然这里呢,我们只处理图片,别的我们就不处理了。
08:04
因为只要图片能处理,那么别的肯定也能处理。好,然后呢,我们使用的loader就是。那么现在处理呢,因为没有图片啊,所以发的并不会做相应的事情,所以我们还需要把图片资源引进来。那么用图片的话呢,我还需要样式啊,我需要写样式。我们还需要用图片,图片的话呢,我们直接用之前的图片就好了,不需要这太费劲。二是我们来写。整体呢,有三张图片,123,我们直接写就好了。
09:05
好一张搞定,我们复制。报S2,它是二偏。宝山。它是3G。好了,样式写好了,样式写好了,需要在面点中引入才能生效。而且与此同时,样式文件呢,Pad也需要处理才能生效啊,所以我们这里还需要下载c load和TE load来对咱们的样式做处理。样式文件也需要有人能处理。那么这里呢,我们就暂时不自己处理了,我们先用上现成的漏。
10:03
好了,那么现在样式文件处理了,处理样式的时候它会解析到图片,那么图片会经过我的follow的处理,那么我们下面可以尝试打包。OK,他现在报错呢,是很正常的,我们没关系,我们直接往上走,看文件输出的这个名字。在这里呢,我们就输出了三个文件名字,文件名已经得到了,OK。那么达到输出的目录,我们也看到并没有图片,因为我们没有输出的话,图片是没有输出的。所以接下来呢,我们需要将文件输出出去。那么这里呢,就要用上之前我们讲过的load那个API叫it file。输出文件。第一个是要传输出的文件名称。第二个要传的就是我们输出的文件剧情的内容。这样再打包。后面还是会有报错,但是我们不管。
11:00
但是输出的三个文件就有了。是不是?还有报错的原因就是因为他这里没有返回值,导致他这里面后面没法处理这个资源了。所以我们接下来要返回这个形式。它是个字符串啊,注意不是一个变量,在这里面我们要放置这个文件资源路径啊,其实就是这个文件名就可以了。当然这个文件名不是这个。它是一个具体的值啊,我们不是写个字符串在这啊。那么这样呢,最终我们再打包就可以了。打包成功,那么因为我没有肯定又没处啊,所以他这里目前有好多东西。我们可以把它肯定为出,诶,我应该写的肯定为出啊,因为现在有个问题啊,打包生成的六张图片,为什么生成的六张图片呢。其中有三张是咱们输出的,还有三张是PA,它呢默认啊,它会使用type of access resource去处理我们这些非GSS这些资源。
12:05
所以有三张是我们处理的,有三张是自动处理的。我们希望资源只经过我们的发的处理,不要经过派处理。那么这个时候我们就需要做个配置。我们可以访问WiFi官网。去搜这个文档啊。搜正文的。我们往下走一走,下面它就会有一个内容介绍,告诉他们我们怎么只经过我们的东西处理。哎,他这里应该有数啊。呃,WiFi呢?我们想使用之前的发的这些东西处理这个模块,对吧?那么如果不处理的话呢,它会导致access重复,我们可以设置access模块的javascript or two来解决这个问题。也就是说,我们需要在这个load这里写个time找two。
13:05
写这个啊,那么这个的配置的作用就是,呃,静止像是静止阻止。我。默认去处理这些图片资源。那么也就是说,只使用。的处理。好,再这样配置打包。那么我们就能看到打包的图片就是我们输出的三张了。同时我们右键打开。这时候发现呢,它是页面啥也没有,原因是什么呢。原因就是我们忘记写这个结构了啊。把这里面的样式呢,其实我们看到这个地址都是对的,只是因为我们忘记写结构了,所以啥也没有。好,我们回过头来写结构。注意,我们要在原代码part下面去写结构啊,不要在第下面写,第下面写的下次打包又没了。
14:05
在这里写BOSS1 boss2包三。这样呢,我就有三个盒子,这样我们再打包,那么就能看到效果了。OK,重新打包。打开的。诶,这时候三个图片就出来了。好了,那么这个呢,就是我们发的一个配置啊,我们一起来看一下。成题呢,其实就三个流程,首先生成一个大哈西值的文件名,然后记得要将文件输出出去,最终呢变成下面这个model p这种像这种效果,那么最终就会达到,而且要注意就是这些图片资源呢,是一个二进制八法数据流,所以我们要调一个论为处,写成论文load才能够处理这些资源。然后呢,处理器资源呢,我们就需要把图片引进来,那么图片呢,我们显示写在样式里面,所以最终呢,我们处理的时候,我们又加了一个style的STEM的这些东西来处理样式。
15:02
而且要注意就是外派五呢,默认就会处理这些资源。我们不想它处理的话,需要写个type javascript为auto two才能阻止他去默认处理。这一点大家需要注意一下。好了,最后呢,我们可以调整一下,就是这个输出资源呢,我们希望输出到image,怎么弄呢?那么我们在这里可以对这个文件名做一些修改。对吧,比如说我们可以给它加上一个。什么?这样的话呢,它输出的时候就会输出到image下面去。当然了,到底要不加目录,我们将来可以通过传参的方式去决定它啊,这里我们就不一一操作了。OK还是OK的,那么这样的输出目录会更好看一点,你要做的就是无非就是控制它前面的这个路径,来控制它输出到哪里去就好了。好了,以上呢,这个就是发它相对于其他呢,做起来更加费劲。
16:04
那么大家好好好的一点一点的慢慢的写完,那么最终啊,你会对no的认识呢,会更加理解。
我来说两句