00:00
来咱们继续那做完这个gsk,也是我们现在对GS合并压缩以及语法检查全部整完了,那么这节课呢,我们去哎处理一下,就是对CSS进行合并压缩。首先你得需要一个工具叫CSS me,注意了CSS me,那这个时候第一步我还是先去啊。下载一下它。下载下来以后呢,在CSS这儿,咱们去创建两个文件啊,点CSS,那么再来一个。现在是不是有俩,那么这两个样式,哎,我就直接拿过来,是因为不难设置,一个ID里边一个宽高,一个背底侧啊,那么下面TEST2我也给他来一个。拿到这这两个ID不一样,宽高什么不一样,背景色不一样,好两个文件有了,接下来啊,你注意了,你这是有两个ID。
01:03
也就是意味着你页面最终要用我的样式的时候,你是不是应该先给我一个东西啊井号,你比如说我刚刚是不是叫八音。没问题吧,还有一个。这应该是BOX2。啊,有了这些以后,我们插件也下载好了,那么接下来就是对应的配置了。这个配置大家现在应该会找了吧。应该会找你说在这儿还是一样的,就跟我这两个一模一样啊,下边就是我马上要用的这个,哎,这个呢,我也是从官网上啊拿过来了。任务名CSS啊。这有个options,这个其实可以不写,但是看到别人都在写,官网上也有,那才去写上它。你看一下这什么意思啊,Short什么意思。
02:01
就是只会点简单英文单词的,就是短手short,它其实表示快速的意思啊,快速的意思comping是压缩,也就说快速压缩对应为force,它不建议让这个工具去快速压缩下面这个rolling,还有这个单词。这叫什么意思?RO什么意思,知道吗?嗯。四舍五入知道不?是不是四舍五入的意思,然后后边这个是精确度,哎,为负一,说白了这个不加也行,加上是为了更能安全的去保障我当前的任务执行。下边这个是我们的重点。好,这个里面大家应该是现在能看懂了,怎么写让你自己写怎么写。介质对,后边是不是找我的原文件啊,Src下面CSS下面所有的CSS文件,而左边这是要输指定我们输出的文件目录以及文件名字。
03:06
我们比如说就放到要的下面,创建个CSS文件,再来一个,比如就叫做不要的,点另一点JS,这真的也说瞎话,点CSS没问题吧,好。把这些写完,你要把对应的任务放到那儿。是不是放到默认任务里边,然后这你得去整一个CSS密插件,这没问题吧,那接下来我们就可以去执行一下grant的任务。哎,看到这也知道他动了不CSSV的吗?然后你看这多了CSS文件。注意看这。一两个ID是不是到一块了,现在你回头想一想,我这个插件都干了哪些活?
04:00
我们之前说在处理GS的时候,是不是用comca去合并,用去压缩啊,而我的CSSB当前这个插件把合并压缩的任务全干了。能走不?哎,把合并压缩的任务全干了,那我们来测一把,现在我这个压缩完的CSS文件有了,我就可以在我的页面。去link引入它。首先找到build的下面CSS下面的啊,build.me.CSS那这个时候你打开这个页面,你会发现这些样式什么应用上了啊,而我们真正要上线的其实就是这些文件。就这些文件。那现在这些东西倒是不难啊,东西倒是不难,当然接下来你们要做的就是,哎,把这些东西再敲一下,待会儿咱们再讲。
我来说两句