00:02
OK,上节呢,我们经处理了图片资源。那么我们这时候会发现呢,就是我们现在输出的资源啊,有点乱。图片呢,它和面呢是同级的。将来呢?如果我们万一还打包了样式和HL的话呢?它所有文件都会在一一个目录,这样看起来会乱乱的。那么我希望呢,就是JS取JS。图片去图片目,就像我SC一样。对吧,我希望他按照目录去输出相应的资源。所以我们这节呢去需要做的事就是修改打包输出资源的路径。我希望JS去JS目录,图片去图片目录,未来其他资源就应该去其他资源相应的目录去,这样呢,我更方便管理。好,那怎么办呢?比如说JS,我希望去GSM,那么我们往上走,这时候要改的就是输出。所以说呢,我们希望啊,他去GS母,诶第一种做法呢,在这里改。
01:04
好,第下面加个JS,我们来看一下这种改法会发生什么样的变化啊。那么注意,因为前后打包呢,它不会删除之前的内容,所以我们先把之前的内容给删掉,再重新打包。这样呢,我们看到最新的效果,诶这时候呢,D目录下面呢,会多一个JS目,但是图片和魅JS都打包到JS目呢,诶这样就怪怪的。那么这个pass,所以这个pass我们能感受到它什么意思啊,就是pass是所有文件的输出目录。所有打包的文件输出目录都在这个pass这个目录下。那么包括图片呀,包括未来的h me都会在这模下,但是只有JS文件需要去JS末,所以你这里写JS就不太好。那写哪呢,写这。好,我们再打包一下,当然这时候一样的删掉一下,现在比较麻烦啊,注意看我们先不着急一点点来。
02:02
存到了这时候呢,JS的文件就去JS这个里面了,但是图片还是在外面。好,这个文件名是谁的文件名呢?是JS打包输出的文件名,或者是入口文件啊,打包输出的文件名,其他文件名跟他没关系。所以只有这个入口的文件打包出来,诶,它输出到JS下面去,但其他资源还是输出到这个pass下。是吧,所以我们这里呢,就先改造好了,JS资源输出到JS。大,我最终我希望再加个static啊。除了sta和这个面。然后呢?图片怎么办呢?图片也可以改输出路径啊,那么这时候我们还是要看到这个之前上一个这个图片的这个文档。还是要把这个搜索搜type set as,那么在下面就能搜到啊,就搜到,在这里就搜到了。
03:00
好往上走一走,上面呢,就有他改路径的方式。其实这里就写了,但是它在上面有个绿色的,这个呢,就是生成图片的名字啊gen。OK,没有问题,它这里呢,就是生成这个输出的图片名字。Sta,那么我们再加一个image啊就好了,Harsh呢,就是这个,你看图片呢,会有一个ID啊,这个ID呢,对于外PE来讲就是哈希值,它的目的就是产生一个I,产生一个根据文件内容生成一个ID,然后呢,它的特点就是唯一的,这样的图片名字就不会冲突。EFT呢是文件扩展名,你之前文件扩展名是什么就是什么。对吧,Query呢是携带的一些其他参数,如果你在写ul地址的时候写了一些问号查询参数,那么它也会在这携带上,那因为我们没写,所以这个其实可写和不写。
04:03
就这样写就够了,那么这样呢,我们再输出,当然了,要把第一层删掉,那么JS就会去JS那里,图片就会去图片那里。OK,他这里删除还需要我同意一下。OK,我们再上再打包。好在打包呢,你会会发现图片就去图片下面了,JS就去JS下面了,哎,这样就达到我们的效果了,统一这个输出资源的目录,然后呢,这里最后一个问题就是这个哈希纸,导致这个图片名称有点长。这样呢,会导致我将来写那个样式的时候,这个文件体积会变得比较大。对吧,当然大呢,也就大几个自己啊,其实也大不了多少,但是我就希望它短一点,怎么办呢?在哈希值这里写个冒号,十代表哈希值只取十位。扩展名这些不能用啊,扩展名必须是全称啊。
05:03
他取拿前十位的,取前十位啊,前十位这样呢,我们再打包,可以对比一下前后的这个输出的文件啊,你看我们的这个资源里就短了。对吧,这个文件名就短了,就这个,所以你如果希望全部要就写这个,如果你希望短一点,那么就写。你想要短的这个位数。十位就足够了啊,所以我们取前十位就够了。好了,那么以上呢,就是我们啊去改变了这个输出文件的这个一个目录情况,我们希望不同的资源去不同的目录,包括将来如果CS要做更深一步,更深一步的处理也需要操作。好了,那么以上呢,就是我们完成了输出文件的目的一个情况。
我来说两句