03. 尚硅谷_自动化构建工具Grunt_合并js任务.avi原创

来这节课呢，咱们来做一个，哎，合并GS的任务，那么一讲到合并GS，我得用到一个插件啊叫con，叫con用这个插件呢，你。得先去干嘛，NPM一个去下载它啊，去下载它，然后呢，在这来，我先让它去下载它。那在他下载的过程中，我来到我们的这个GS下边，我先去创建两个文件，说test1.gs啊，再来一个。T2.gs现在呢，有两个GS文件，因为你要合并嘛，起步也得是两个以及两个以上那。先写一下，我上来用立即执行函数，哎，是因为我要，哎表示它是模块，也就是通常大家也会这么写，那在这呢，我先去定义个函数，你比如说fo吧，我在这去传一个number一来个NUMBER2来。

那么在这个里面呢，我让他去return一个NUMBER1加上一个二，这没问题吧，接着我去一个调用，这个时候你比我我随便传一个。二。最终我是不是要打印它的这个相加的和没有问题，那在TEST2这我们也来写一下，我在那呢去整一个方式，先来一个什么数组。就1234吧，接下来我去调一下map方法，好，那么在这儿你可以去干嘛，去遍历一下它。遍历一下它，那map这呢，我们通常有两个参数，一个item，一个index。然后呢，我可以return一个item加十。应该知道我的操作是干嘛，对原数组进行遍历加工，是不是生成一个新的数组，新的数组里面的每一项值在原有的基础上加十，那在这儿，哎，这样吧，我先不用见到函数。

我先用它看，大家理解不了。我在这去传一个item，传一个index套路型的啊，Item加十，那这个时候有返回值，你是不是得去定一个变量去接收它，挖一个什么都行啊二一。Result表示是结果的意思，那最后我是不是可以去。整一下它打印一下，你现在两个原文件有了，接下来你就要去，哎，配置你压缩的这些任务。那么任务这个呢，哎，建议大家上来第一个不要去看，我这儿教你们如何去找来，就是利用它的官网啊。好，这不有个插件列表吗？我们在这我刚刚搜了一个。我们下载了一个插件，什么叫comp吧。

让他去加载一下。来打开手出来了，出来以后你手鼠标移上去以后，你会发现是个小手，说明它是一个链接。最好是在新窗口去打开一下它啊，这里边呢，教大家如何去使用。你看首先它是一个库。那么他在这第一步是不是也是教你去安装第二步。这个其实我们刚才介绍过。是告诉你，你要去加载对应的插件，就是我们项目里边的啊，这第二步操作是就是它。然后告诉大家，我所有插件的任务配置都在下面，你用哪个插件都一样，就是你往下翻一直翻到什么，这有个example，那么这不是ground in conflict吗？这个里边的任务到这儿就是当前contact这个插件要配置的东西。

哎，这些东西千万不要去记啊，记不住，我其实在ground里面的插件你们可能没注意，这只是加的，哎，你看这一共有多少个。嗯，而且每一个插件的配置还不一样。你要能把这些记记记住了，其实他比谁都难记啊，咱们以前学那个出师表。这个你们有感触吗？当时天天早上五点起床，就是被他后来发现现在忘的还是一干二净。好，不用去记啊，你只要学会如何去用它，好，现在我把它的这个插件任务拿到这儿了，给大家说一下。收起来，最外面这有个con啊，它有个特点，这叫任务名。我要执行任务的任务名，而这个任务名通常会和你插件的后边这个家伙一样。一样，我们刚刚是不是下载了插件就叫。

就要。好，这个任务名里面对应的有些选项，你看到options options什么意思啊。看到这个，通常知道它是血象，血象的意思是可有可无。这个SE什么意思呢？它表示的是连接符，它后边对应有个分号，这个是什么意思啊？你现在想要是不是把这两个GS文件合并到一个，它的意思是什么？在中间给你加一个。分号就加两个拼起来嘛，中间加个分隔符啊。是不是这两个，有的同学可能会问，哎，老师，你这个之前有一分化了，那我再加一个不就多了吗。其实不影响不影响啊，待会儿我们能看到它，而这个地下边的东西才是重要的。看到这两个先问一下大家这个src，看到这个你猜一下他去干嘛。

你现在是不是要合并，合并的话，我是不是得找到对应的原文件呀，哎，我们呢，就不照它官网这个写，哎，我们去找我们自己的src下边GS下边这没问题吧。其实你可以这样想。星号是什么意思，代表所有的所有的GS文件，其实咱们不是不就这两个吗。当然了，你要指定的话，你是不是也可以单独去分开写啊，这都行啊，这个desk呢，记住了，看到desk通常表示是输出的意思。哎，我强调一遍。输出，那你想你对原文件进行合并，合并了以后我是不是要去输出。输出这的配置是你要指定输出的目录以及输出的文件名，我们现在是不是有个空的叫build呢？那我就可以这样，我让它输出到贝的下边。

我再给他借GS文件，再来个比如说build，哎，GGS。大家能懂我的意思吧，啊，你写几层，最终它文件名以上的都是文件目录。做完这些操作以后，你千万不要忘了把这一步打开，否则的话他干不了活。那接下来我就可以去执行一个。啊，命令叫grant空格，Grant是人家的大脑指挥官，他后边跟的就是你当前的任务名字，我们当前呢叫什么？这不是任务吗？再给大家写一个吧。哎，这叫任务名没问题，来，那在这我去回车执行一下，注意看这。Running，哎，Con他是不是找disc，是找这个下面的配置，哎，最终执行的是con task执行的是con任务。

有没有发现B里面有东西了，点开。哎，你看一下它这个目录结构啊，为什么会是这样呢。跟我这是不是设设当初设置的时候一模一样，来我们看一下这个be GS。这不就是我刚刚写的那两个GS文件吗？现在是不是合并到一起了，再看一个东西。这是不是有个分号，哎，有个分号，它是将我们的前和前后两个GS文件分隔开。不会有影响，那为了测一把，我可以在这在我的HTML里面，我去引入一下，走，你我去找到，嗯。找到必要的下面了，GS，下面的必要的GS，我现在是不是引用的是合并以后的文件啊，我们可以去跑一下去看一下。

是不是能出来啊没问题，六是后边这个是都是加时输出，那么这呢就是一个哎，针对GS文件的一个合并的操作。我呢，先把这个停一下。