17-尚硅谷-webpack从入门到精通-压缩html和js

再是咱们的一个JS的一个压缩啊，和我们的HL代码的压缩，因为这两个东西呢，比较简单啊，所以我们放一起来讲。首先来看的压缩。好，我们来来一个啊，我们加13的复制一份，再复制一份。比如说叫14啊压缩。这次压缩啊，好，我们待会我们一起讲啊，但是分开来写。J压缩的话呢，它怎么做呢，我们来看啊。嗯，我们呢，要的呢删掉啊，必要的不需要了，我们呢直接打开pas好这一块呢，我们就不操作了啊，Rose我们就不用了啊，Rose就不用了，整个model都删掉。好，我们的代码呢，已经化到最小了。那么S压缩前面其实我们见过了啊，只需要将调，那么就可启动JS压缩了。生产环境下会自动压缩代码，所以我们不需要再操心这些事了。

这里面呢，它会自动压缩呢，我们可以看一下，在过去呢，我们课件啊讲过生产环境，生产环境呢，咱们派呢，会加载一些不一样的配置啊。你看正常环境下呢，它会加载很多插件，其中呢，这里面有个插件叫做u JS plug，那么这个插件呢，就会去压缩JS代码。所以呢，我们就不需要自己再去写插件了，它内部呢，全都实现好了。那么所以呢，我们呢，调好了，只要调成mode为production，我们去运行一下这个代码就知道了。预行wipe。好，一运行我们看build下面的JS代码就知道了，诶它的代码呢，就压缩成一行。所以呢，JJ压缩呢，我们只需要将mode调为production，那么JS压缩就定了啊。好，我们把14负这一份。

来个15，来个HL的压缩。好，那么甲HL压缩呢，我们就想啊，你看我们CS咋做什么兼容性处理，我们GS呢也做兼容处理，那么HL呢，要不要做兼容性处理呢。他不要的，因为什么的是没办法做兼容器处理的，它的标签呢，是认识就认识，不认识就不认识，所以不需要做啊。所以呢，我们这里面不需要做HM接收器处理，所以只需要对HM代码呢进行压缩。那么HL代码怎么压缩呢？诶，我们来看啊。那这里呢，跟这个没关系，直接通过HL来进行压缩H代码。在这里面加个选项叫mini。值那么一个对象啊。压缩传至少两个参数为。还有一个就是remove。尾处。翻译过来呢，这个class呢，叫做折叠空格啊，就是移除空格的意思。

那么翻译过来叫移除注释啊，移除注释。它不是一处评论，是一处故事。所以我们可以试着啊，在HL中写一点注释来看效果啊，然后我们在这写个注释。是吧，PA就简单写一点啊。好，我们来看一下执行之后呢，它会不会进行压缩执行派，哎，当然我们这里要注意执行的是15这个H压缩。回车。好，执行完毕啊，这时候看到呢，这HL代码呢，变成了二百五十五八啊好，那么我们来看一下它它的结果啊HL你会发现诶变成一行了，并且呢，我们可以看一下，这里面呢，是不再会有注释的，我们可以翻啊，在这儿呢，没有注释了，因为它被移除了啊。好，回过头来我们来看一下怎么做的啊，如果你要压缩H代码呢，只要mode为啊压缩代码只要mode就会压缩了。

你要压缩HL代码呢？诶，在HL加一个选项叫mini five，那么在这里面写上压缩的配置，就会压缩HL代码。好了，那么这里面呢，我们就对好我们的GS代码和H代码进行了压缩处理。