导言
作为一个正在准备从java后端转大前端,一直都有想着,在js的世界里面有没有类似于maven或者gradle的东西. .然后,就找到了繁重这玩意
繁重是用来干什么的
诸如ant、maven, gradle,使之流的,那么我们为什么要学这么一个工具了,我们用IDE编程不是好好的吗,要让人去学这么一个工具,那么必然要有这个工具能够为我们搞定什么的原因。
选择繁重原因
- <李>管理我们的文件依赖李> <>李随心所欲的批处理任务李> <李>整合常用的前端工具,js混淆,文件合并压缩。李>
说了这么多,上面就是我们为什么要选择咕哝。js作为我们项目构建的工具,如果你没有任何项目构建的概念,我建议了就不要看有关繁重的任何资料了,包括本文。因为,你看不懂我接下来我要写东西,也看不懂任何有关繁重相关资料,所以,就不要浪费时间了。
让繁重干活
如果,你之前有接触过构建工具,或者你现在有项目构建的概念,那么任务(任务)这个概念想必理解起来不会有太大的难度了。
创建我们第一个任务
只要在我们的Gruntfile。js文件写上这么几句
<代码类==起源“js<代码类=癹s">模块。出口=function () { 咕哝。registerTask(“测试”,“我的第一个任务”,函数(){ grunt.log。写(“Hello World !”)对吧(); }); } 代码>">模块。出口={咕哝。registerTask (, {grunt.log.write()对吧(); }); } 代码>
接着我们只要在当前目录运行 <代码>繁重的测试代码>
就能看到控制台输出
Hello World。
引用>接下来咱们有个节点环境就可以想干嘛的就干嘛了. .停住!如果只是这样,这跟我们写个shell脚本有什么区别呢?实际上呼噜声跟外壳脚本没什么区别,只是呼噜声有一个节点运行环境,可以比写shell脚本简单那么一些,如果你已经是shell脚本达的人,我觉得没有再学繁重必要了。
任务的任务
有时候,我们有很多任务,不过这里任务,都可以归类为一中,我们就需要注册一个多任务来处理这种情况,例如,文件的操作就有,创建,打开,重命的名,这些任务都可以归类为文件操作任务
<代码类==起源“js<代码类=癹s">模块。出口=function () { grunt.initConfig ({ 文件:{ 创建:“源文件”, 开放:“打开文件”, 删除:“删除文件” } }); 咕哝。registerMultiTask(“文件”、“日志的东西。”,函数(){ grunt.log.writeln(这一点。目标+ ':' + this.data); }); } 代码>">模块。出口={ grunt.initConfig ({ 文件:{ 创建: 开放: :} }); 咕哝。registerMultiTask (,, {grunt.log.writeln (。目标+ + . data); }); } 代码>这个时候我们运行的时候,就会看到如下接口
<代码>繁重文件:创建代码>
创建:“源文件”
引用><代码>繁重文件:打开代码>
打开:“打开文件”
引用><代码>繁重文件:删除代码>
删除:删除文件的
引用>那么在我们自定义多任务的时候,可以通过<代码>。目标代码>获得当前任务命令,然后通过<代码>。数据代码>获取到我们的配置值,接下来就是发挥你的想象力的时候了。
总结
实际上繁重不是什么神奇的时候,它最不过是一个运行在节点的一个命令行工具,可以方便我们用js写脚本而已。
插件推荐
<李> grunt-contrib-watch
<页脚>由haroopad 页脚><李>监听文件修改李>
李> <李> grunt-curl<李>想卷发下载远程js李>
李> <李> grunt-contrib-clean<李>文件清理工具李>
李> <李> grunt-contrib-cssmin<李> css压缩工具李>
李> <李> grunt-contrib-copy<李>文件复杂工具李>
李>呼噜声新手指南