02. 尚硅谷_自动化构建工具Gulp_构建js.avi原创

再往下我们就可以去整一整。在这个下边我来来一个test一点。把这个后缀名。这多了一个他GS，那再来一份。再来一份，我呢把这个换成二，现在有两个GS文件，那么里面写的东西呢，还是我们上午写那个就能够诶体现出来，比如说我去玩一个，咱们上午先是来了一个function，那在这里边应该是有个NUMBER1。哎，再来一个NUMBER2，然后我是去return number1，让它加上一个NUMBER2的值，那接下来我们在这做了个操作，是去console log这个fo调用啊。随便写好，还有一个文件是TEST2，那么在这呢，我们先写一个立即执行函数，然后做了一个操作是where result等于你，比如这一个数组，一二三四五点map。

我调用map的方法去给它遍历一下，加工生成一个新的速度，一个I，一个index。哎，Return item让它加一个词，注意看我在这儿是不是也用了。那是因为尬，在这儿也用不了ES6。啊，用不了，哎，所以你要用ESU可以用B写转，所以我就直接在这写了，接下来我去conso log一个result。现在两个GS文件有了，那马上我们去干一个活，就是合并GS文件。你要合并了，那么我先把这个注掉啊，这个是我们基本的语法，接下来我去哎注册，比如说合并压缩GS的。

任务统一的写法都是Gp.task然后里面起一个任务名，这个任务名呢，我针对的GS，我就给它起个名字，就叫JS。来一个function。在这里边我告诉大家怎么写上来，你得先写一个。Return先写上它，最后我会告诉你们干嘛，我刚刚是不是在官网上给大家搜了个插件啊，你看下它上来是不是写的它，其实我告诉大家这个我去掉也不会报错，哎，最后告诉家为什么要写它，写完return以后，第一步你应该是调用g.src，这些套路都是死的，调用它干嘛呢？去找你的目标语言文件。在我的src里面传的数据就是一个路径，就是找原文件的路径，那大家说我这应该怎么写？Src下边。

GS下面按照我们上网的套路，什么新点GSR，哎，那再给大家扩展一个知识啊，你们如如果以后遇到这种情况，比如说我在GS下面是不是又有个文件夹，又有文件目录，而在这个里面还有GS文夹。而你现在的需求是找到GS下边所有的，那个时候我是不是要迭代AA这个文件夹里面的GS文件也要找到它。懂我的意思吗？但是你通过这种方式是找不到的。为什么找不到呢？当前这种新点GS，哎，就像我们的克隆一样，它只是相当于便利我GS下面的文件是不是找到后缀是点GS的。它只能是一个浅度病历，意思是只能找到GS目录下在升级它找不到。想要深度便利怎么办？也有方法加一个他。在这个前边加，哎，再创建一个目录，也是再创建一层，这一层上写两个星号，代表的就是深度便利，那这样的话，我不管你切缝多少层，多少层我都能找到它。

能懂不啊，现在咱们用不上，我先把他干掉。这一步的我们的任务是啊，找到我们的目标原文件，将数据读取到，哎，那干的。内存中。好啦。啊，就是这些东西，那读取到内存中的，接下来我们要干嘛呢？是不是要去对它的数据进行操作，接下来啊，方法都是统一的，我个人觉得啊，干不好用是因为他只要说你哎前几杯用，除了后边的你随便去用。哎，套路一样，接下来你要去调用这些方法，而且你看我这相当于是什么。

这个方法执行完是不点它P这个单词是什么意思啊。管道。啊，也就是说他用这个方法形象的去比喻你干这一块是内存，这是你本地的文件，就是我当前这个项目在这。第一步，人家是不是把你的数据读取到内存了，好，读取到内存了，接下来我要去操作，说的是都在内存里面操作，而你现在调用的方法都调P，我所有的操作都在这个管道里面进行。而且我最终操作完，数据也是通过P管道去流到你的本地。对，用keep表示就是数据流吗？那我们的操作都在P里边，接下来我要做一个操作是吧，对我之前的这个两个文件进行合并啊。能懂我的意思，不要合并，要合并的时候，哎，我们往下走，你得去下载这几个插件。

注意看我一会儿下了几个。大家之前有没有这样去下载过包？你们之前下载包应该是n PM install指定一个包吧，啊，以后开发的时候肯定不止下载一个，那这个时候我可以同时去下载多个包，如何去下载，中间用空格和开就OK了，那我现在的操作就是我马上要去，哎一一块去下载三个包走你。让他下来。挺快的啊。好了，为了确认一下，你可以看一下T杰森里边这三个包是不是进来了，进来了以后，首先不要忘了我这些插件的使用方式和GAP是一样的，你得先去干嘛引入它，而默认的大引入的时候起的名字都会起它的后缀名。

因为这样的话是不是好认识啊。来在这儿这一把我已论是叫诶。咔咔复制两块下来，还有一个叫，那同理，你别忘了把这个改掉，还有一个人name重命名放到这。先说一下，你引入当前的插件以后，这些对应接收的值都是方法。都是方法，我一说到方法，那么我使用的时候是不是得需要去调用它。那这个时候我们接下来在这个管道这儿，我要去哎。对当前的文件进行合并，你直接调用count方法就好了。这个时候需要在这个方法里面传一个东西。

哎，传一个东西，合并的时候，我可以直接在这儿指定合并以后的文件名叫什么，还有指。就指指这个文件名就OK了，你比如说。现在它叫TEST1TEST2，那我现在这儿可以叫他一个必要的点GS。懂我的意思吗？在这儿是临时合并。文件。合并完了，你是不是想看一下合并以后的效果，那这个时候怎么办，再去铺管道啊，它套路是一样的，注意当前的方式叫列式调用。是不是一直点好，在这个里面，我想想要输出怎么办，也是统一的方法，叫desk。这个方法上来就给大家介绍了。这个desk这指定的传的参数是输出的文件目录。比如说我让它输出到D，这这儿不是空的吗？到D下边我给它创建个GS。

因为文件名这是不是有了，那这个时候我就可以去执行一下我当前的这个任务，用干来带一个GS，这个GS是我刚刚起的任务名字，能懂不。来回车。这不是GS finished在28毫秒以后吗？接下来你会看到diss下面多了一层它。点进来看，这不就是我们之前写的两个文件吗？现在是不是合并好了？大家能懂吗？那合并了以后，接下来我们还没做完呢，这一步啊，输出文件。到本地。你输出了以后，你操作还没有做完，合并完，我们是不是想压缩，压缩的话怎么办，看着啊继续再去。

点一个PI，哎，刚刚没有，是因为我这加了个根号，其实不应该加热它。没问题吧，因为我列式调用了，那在铺位管道，在当前的管道里边，我们要去执行压缩的操作，压缩的话刚是不是引入个阿格来直接去调用它就OK了。在这儿去表示的是压缩文件。这没问题吧，然后压缩，一旦你压缩那个文件，你是不是要考虑最终生成的是点命的这个文件啊。这应该懂，那怎么办，再不管道。点一个keep，哎，在这我们要用到刚刚下载一个插件叫rename。Rename，这啊有两种方式，一种是你直接写在这写标的点点GF。

没问题，还有一种方式，哎，逼格稍微高一点的是，你可以用rename里边有个配置对象，这个对象里边有一个属性叫surface。Surface表示是后缀名的意思。后缀名在他这对应的值就是你要添加自己的后缀名，我不是加了个点密的吗。好了，现在压缩完了，重命名完了，那这一步我们是。重命名。那接下来你想看最终的效果，你还得再去铺管道。最终怎么写，我是不是还得输出啊，刚刚这我应该把这个放到这，这叫临时输出。因为我下边的操作还没操作完，只要没操作完，我当前的数据还在内存里面，记住了。最后一步我是不是还得再输出看一下用G点。

你看这些，只要说这几个API你能玩六的话，诶，你连他的别教程都不用看，都会写。那接下来我在这儿再去指定一下文件目录，第一次下边GS下边。我现在放置的位置是不是和他想放到同一个目录下，那接下来我去执行一下GGS回车。看一点，这不是压缩文件吗？好，进来看一下，哎，和我们上午那个压缩的其实是一样的。现在这个不就是变成一个压缩版本了吗？那你最终可以测一下，我在这个index HTML里面，我呢现在去引入一下，我们压缩了GS文件第下边GS下边的。那打开页面，我们来讲一讲检查。

这不就是我最终这两个GS文件运行的结果吗？哎，那这样的话，我们就把合并压缩的这个，哎任务执行了，我呢给大家整理一下思路啊，你用GAP这个项目构建工具首先上来，你必须要去安装GAP。而他真正干活的也不是他本人，是他下边一个一个的插件。你又想干什么活，你就去下载对应的插件就OK。然后呢，下载完以后，一定不要忘了把这些东西引入了。引入的GAP是一个对象，而这些插件对应的方法，所以说它们对应的都叫方法。接下来我们要操作的就是什么，你去注册相应的任务就行了。哎，统一的，这都是统一的，用g.task去注册任务这个里边，任务名在后面的回调函数里面，你上来先去写一个return。

啊，谢谢，没事了，接下来这些操作啊，我大概过一下，第一个src，就是将原文件的数据读到G内存里面。而接下来所有的操作，你只需要记住这一点，都在这个P这个管道里面进行。啊，你该去合并你就合并，该去输出就想输出看，你就输出看，随时可以输出啊。然后啊，这不是压缩啊，从命云最终再输出。没有问题。这一步呢，我们还没做，还没到这儿，哎，你们接下来的任务就是要能把这个实现了就OK了，好，我呢先把视频停一下。