资讯专栏INFORMATION COLUMN

切图崽的自我修养-使用自动化工具

GT / 1340人阅读

摘要:前言已烂想来大家对自动化构建工具已经不陌生了,自动化构建工具可以帮开发者省去很多重复劳动比如语法纠错文件打包文件操作,合并压缩等等常用的自动化构建工具有等等,这些构建工具核心都是依赖第三方插件,通过颗粒化任务,再将这些任务按照合适的方式进行

前言

F5已烂

想来大家对自动化构建工具已经不陌生了,自动化构建工具可以帮开发者省去很多重复劳动比如:语法纠错、文件打包、文件操作,合并压缩等等. 常用的自动化构建工具有Gulp,Grunt,Fis等等,这些构建工具核心都是依赖第三方插件,通过颗粒化任务,再将这些任务按照合适的方式进行组合,构建项目所需的自动化工作流

常用插件

这里来简单来说明一下Grunt的最常用的几个插件:

grunt-include-replace-more 可以对项目中的html进行模版化配置

grunt-contrib-jshint 可以对项目中的Js文件进行语法检查

grunt-contrib-uglify 可以对项目中的Js文件进行压缩

grunt-cmd-transport 将匿名Js模块具名化

grunt-cmd-concat 按需合并Js模块

grunt-contrib-compass 可以将项目中的Sass文件编译成css

grunt-inline 可以将项目中标示了_inline的资源通过内联的方式引入

grunt-contrib-imagemin 可以对项目中的Img进行压缩

grunt-contrib-watch 监听项目中的文件状态,如果文件被改变,则重新构建

grunt-contrib-copy 复制文件到某个目录

grunt-contrib-clean 删除某个文件

结语:

以上是Grunt的最基本最常用的几个插件. 其中较难使用的是如何合并Js模块,
也就是如何整合 grunt-cmd-transport, grunt-cmd-concat 的使用. 这里又要牵扯到Seajs匿名模块,具名模块和ID即路径的问题, 这里放到模块化Js的章节里说吧

(有兴趣的同学可以移步Grunt官网 享受自动构建的快感)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79913.html

相关文章

  • 切图崽的自我修养使用动化工具

    摘要:前言已烂想来大家对自动化构建工具已经不陌生了,自动化构建工具可以帮开发者省去很多重复劳动比如语法纠错文件打包文件操作,合并压缩等等常用的自动化构建工具有等等,这些构建工具核心都是依赖第三方插件,通过颗粒化任务,再将这些任务按照合适的方式进行 前言 F5已烂 showImg(https://segmentfault.com/img/bVyS47); 想来大家对自动化构建工具已经不陌生了,...

    jayce 评论0 收藏0
  • 切图崽的自我修养使用动化工具

    摘要:前言已烂想来大家对自动化构建工具已经不陌生了,自动化构建工具可以帮开发者省去很多重复劳动比如语法纠错文件打包文件操作,合并压缩等等常用的自动化构建工具有等等,这些构建工具核心都是依赖第三方插件,通过颗粒化任务,再将这些任务按照合适的方式进行 前言 F5已烂 showImg(https://segmentfault.com/img/bVyS47); 想来大家对自动化构建工具已经不陌生了,...

    luqiuwen 评论0 收藏0
  • 切图崽的自我修养--[BUILD]构建工具思路梳理

    摘要:前言之前也是从过来的,到现在的中间有些问题没怎么细想,比如明明是构建工具为什么调试总是要开启一个服务之类的,现在就来简单梳理下思路最原始的构建工具无非是这样改动了某个资源文件,要手动运行构建命令才能重新构建,重新构建的时候构建工具将所有资源 前言 之前也是从grunt/gulp/fis/过来的,到现在的webpack,中间有些问题没怎么细想,比如明明是构建工具为什么调试总是要开启一个h...

    wfc_666 评论0 收藏0
  • 切图崽的自我修养--[BUILD]构建工具思路梳理

    摘要:前言之前也是从过来的,到现在的中间有些问题没怎么细想,比如明明是构建工具为什么调试总是要开启一个服务之类的,现在就来简单梳理下思路最原始的构建工具无非是这样改动了某个资源文件,要手动运行构建命令才能重新构建,重新构建的时候构建工具将所有资源 前言 之前也是从grunt/gulp/fis/过来的,到现在的webpack,中间有些问题没怎么细想,比如明明是构建工具为什么调试总是要开启一个h...

    elina 评论0 收藏0
  • 切图崽的自我修养-[TOOL] 用Omnigraffle绘制UML

    摘要:前言不会画图的程序员不是好产品经理喜欢装逼有品位的程序员都有一颗产品经理的心,但印象中产品经理经常要画一些奇奇怪怪七七八八的图,在请教了一些立志做产品经理的程序员之后,发现他们都有一套自己喜欢用的精致小巧的工具,其中经典的一套为线框原型通用 前言 不会画图的程序员不是好产品经理 喜欢装逼有品位的程序员都有一颗产品经理的心,但印象中产品经理经常要画一些奇奇怪怪七七八八的图,在请教了一些立...

    BWrong 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<