00:00
再是咱们的一个JS的一个压缩啊,和我们的HL代码的压缩,因为这两个东西呢,比较简单啊,所以我们放一起来讲。首先来看的压缩。好,我们来来一个啊,我们加13的复制一份,再复制一份。比如说叫14啊压缩。这次压缩啊,好,我们待会我们一起讲啊,但是分开来写。J压缩的话呢,它怎么做呢,我们来看啊。嗯,我们呢,要的呢删掉啊,必要的不需要了,我们呢直接打开pas好这一块呢,我们就不操作了啊,Rose我们就不用了啊,Rose就不用了,整个model都删掉。好,我们的代码呢,已经化到最小了。那么S压缩前面其实我们见过了啊,只需要将调,那么就可启动JS压缩了。生产环境下会自动压缩代码,所以我们不需要再操心这些事了。
01:05
这里面呢,它会自动压缩呢,我们可以看一下,在过去呢,我们课件啊讲过生产环境,生产环境呢,咱们派呢,会加载一些不一样的配置啊。你看正常环境下呢,它会加载很多插件,其中呢,这里面有个插件叫做u JS plug,那么这个插件呢,就会去压缩JS代码。所以呢,我们就不需要自己再去写插件了,它内部呢,全都实现好了。那么所以呢,我们呢,调好了,只要调成mode为production,我们去运行一下这个代码就知道了。预行wipe。好,一运行我们看build下面的JS代码就知道了,诶它的代码呢,就压缩成一行。所以呢,JJ压缩呢,我们只需要将mode调为production,那么JS压缩就定了啊。好,我们把14负这一份。
02:00
来个15,来个HL的压缩。好,那么甲HL压缩呢,我们就想啊,你看我们CS咋做什么兼容性处理,我们GS呢也做兼容处理,那么HL呢,要不要做兼容性处理呢。他不要的,因为什么的是没办法做兼容器处理的,它的标签呢,是认识就认识,不认识就不认识,所以不需要做啊。所以呢,我们这里面不需要做HM接收器处理,所以只需要对HM代码呢进行压缩。那么HL代码怎么压缩呢?诶,我们来看啊。那这里呢,跟这个没关系,直接通过HL来进行压缩H代码。在这里面加个选项叫mini。值那么一个对象啊。压缩传至少两个参数为。还有一个就是remove。尾处。翻译过来呢,这个class呢,叫做折叠空格啊,就是移除空格的意思。
03:06
那么翻译过来叫移除注释啊,移除注释。它不是一处评论,是一处故事。所以我们可以试着啊,在HL中写一点注释来看效果啊,然后我们在这写个注释。是吧,PA就简单写一点啊。好,我们来看一下执行之后呢,它会不会进行压缩执行派,哎,当然我们这里要注意执行的是15这个H压缩。回车。好,执行完毕啊,这时候看到呢,这HL代码呢,变成了二百五十五八啊好,那么我们来看一下它它的结果啊HL你会发现诶变成一行了,并且呢,我们可以看一下,这里面呢,是不再会有注释的,我们可以翻啊,在这儿呢,没有注释了,因为它被移除了啊。好,回过头来我们来看一下怎么做的啊,如果你要压缩H代码呢,只要mode为啊压缩代码只要mode就会压缩了。
04:08
你要压缩HL代码呢?诶,在HL加一个选项叫mini five,那么在这里面写上压缩的配置,就会压缩HL代码。好了,那么这里面呢,我们就对好我们的GS代码和H代码进行了压缩处理。
我来说两句