00:00
来咱们接着上课,那这节课呢,我们主要是,哎,做一个任务就处理HTML也是,我也可以对HTML进行压缩,但是没有合并。你想你什么时候见过把两个HTML合并的没有吧?哎,合并完肯定会出事,哎,那这个时候呢,我们要用到一个插件,就叫杠杠HT密回车下载一下当前的插件。好,下载好了以后,我们过来确认一下,首先进来了吧,进来了以后,第一来到你的配置文件里面,先去引入一下它。那么引入的时候,大家看一下它这个HTM密呢,我本应该是不是定义这个方法,但是它这个你看就没有用驼峰命名法。如果说你看着不舒服,那我现在我应该是这样,我能不能这样去定义一下。啊,用小头盔命名法,那这个时候呢,我先把这个当前的插件这个方法引入,接下来我们往下走这一把咱们去注册啊,压缩HT Mo的啊任务。
01:13
套路是一样的,点task在这呢,我去写个HTML,接下来来一个方式。好,到这的时候,我里边是不是一样的g.src上来,我应该先去找原文件,那这个时候怎么写。对,其实咱们针对的是不是某一个HTML文件,而他又在根目录下,和我是不是在同一级,所以我在这可以直接去找他。找到它以后,你去附一个管道啊,Keep,那接下来你就可以去调用你刚刚的任务叫HTML me。他这也有个配置对象,这个里面有一个属性叫call什么东西。
02:00
我看cool应该是,哎,就是他好。嗯,应该是叫呃s right space这个单词呢,表示的是你比如说是啊销毁清除,而right space什么意思啊。嗯。也就我们所说的空格是在哪儿找?你看就这些家伙。你想你去压缩HTML也只能压缩成这些东西,总不能说哎,我把这个看压缩成A啊,这个D压缩成B,那这样的话全乱套了,所以它只能是将我们之前这些空格全部去掉。好,那接下来压缩完,我们接着去考虑是不是要输出它输出的GAP点哎D,然后呢,指定一个路径。这一把我就让它输出到Dis的下面,是不是就OK了,大家看咱们Dis怎么分工的呢?有一个CSS文件,有个index,按照常理来说,我是不是就在它的当前的目录下有个index HTML,所以我直接让它输出到那那这个时候我就可以把我当前的HTML任务是拿过来。
03:18
接下来你去重新执行一下G。开一点。你会发现有他。嗯,然后进来以后,这很明显是压缩完的。往后往后往后啊,压缩没问题,那么也就是我项目最终打包上线的时候,我用户应该是访问的是这个页面。但是呢,你一看这个页面,你会发现有问题。有什么问题呢?我的样式那些全没了。为什么会出现这些问题呢?哎,对,你想你当初在开发的时候,你的index是不是站在根目录下,而我们引入所有的文件都是站在根目录的角度上去考虑的。
04:05
但是你很明显看到我打给他压缩完,我是不是放到了diss下面了。所以你在开发的时候一定要考虑这个问题,也就是说我在这儿引入根本不应该有这一层。不有这层的意思是什么,我直接站在当前的角度下,不是考虑CS下面的他吗?也是你的出发点,应该是在你压缩完以后的位置去考虑。能懂不。同理这个也应该是他。我们不还有GS文件吗?来,我们先来看一把。好,然后我需要去看一下它,诶对了,有的同学可能会怀疑你这个压缩了,为什么不加个点密呢。你什么时候见过HTM?没有那个啊,那接下来我再去访问一下,你会发现这些肯定对了。哎,肯定对了,那还有同学说那上来我这看着不舒服,这没办法是你只能是保一头,哎只能保一头也说保我们最终用户看到的这个。
05:11
没问题吧,哎,这个呢,就是压缩我们的HT吗?我先把这个视频给大家提一下。
我来说两句