温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
下面我们处理less资源,除了less呢,和C其实类似啊,那么同样的咱们的派是不识别less资源的,我们这里呢,再测试一下。打开代码,我们呢,在SSC下面新建文件夹,这个less在这下面呢,我们来写less字眼。Le呢是一个S的预处理器,可以用什么混合啊,变量啊等各种语法,能够去尽可能的复用样式代码,所以写样式呢会更加方便。但咱们这里呢,不是为了研究less语法,所以我这里写的这个less样式呢,会写的非常简单,不会太过复杂啊,好,那么我们这里来一个深粉色啊。OK,然后呢,我们写完样式代码之后呢,还是一样要记得在面中把样式引进来才行。OK,然后呢,我们去打包一下。
01:00
那么lesss资源的同样的咱们的PA是不能识别的,虽然我们之前配置呢处理的C,但是它处理的是CS文件,并不是less文件,所以遇到less文件还是会报错。好的,那么接下来我们来学习如何处理less。垂呢一样的来到这个派的load官方文档。在这里面呢,我们找到了less这个no。好,他会告诉你load的用法呢,无非就是这样,下载你要用的load,然后进行相应的配置即可。那么这里要特别注意就是我们既要安装less node,又要安装ne,所以我们复制就好。然后复制完之后呢,再把它的配置给复制过来。复制。OK,下载完成啊,我们来配置。那么这里还是要这个文档呢?还是有点小问题啊,就是首先答我们不需要啊。这里呢,得用use啊,不是low的,得用use。OK,所以这有些文档的时候有会有一些问题,大家注意用呢,可以使用多个这个loader,他写的这个load呢,只能使用一个loader啊。
02:08
只能写成一个漏的。啊,只能使用一个楼的。那么钥匙可以使用多个的?多load load的执行顺序也说了,从右到左,那么它添加那个less load less load顾名思义就是会将less文件编译成C文件。然后前面的东西一样的,我就不试了。OK,那么这里呢,就是less的处理了,你看非常简单啊,就是要安装less load,当然其实也要安装s load和S,只是这两个load我们上节已经安装过了,就不需要再重新安装了,那么我们要安装的是less load和less就够了,然后呢,进行以这些配置。
03:06
好,那么只要我们进行编译,那么我们这编译就能通过了。OK,编译呢,Successful成功了,又一次成功了,好了,这时候呢,我们只要再运行这个HL文件。当然,因为我们没写结构啊,没关系,我们可以通过element找到这个style标签,看到我们的let被创建过来了,那么就OK了。如果你想看到这个样式,那么我们就需要再准备一个div。叫BOSS2,那么这时候页面上就会出现这个样式。好了,以上呢,就是处理less。所以只要你能够把上节的一是CS处理能够搞懂,那么let处理也都是类似的。只是还是一样要说明一下,就是官方文档的配置呢,有时候会出现一些小问题,所以我们要做些啊,做一些修改啊做些修改。
我来说两句