切圖崽的自我修養(yǎng)－使用自動(dòng)化工具

jayce 發(fā)布于2019-08-29 10:58 / 1179人閱讀

摘要：前言已爛想來(lái)大家對(duì)自動(dòng)化構(gòu)建工具已經(jīng)不陌生了，自動(dòng)化構(gòu)建工具可以幫開(kāi)發(fā)者省去很多重復(fù)勞動(dòng)比如語(yǔ)法糾錯(cuò)文件打包文件操作，合并壓縮等等常用的自動(dòng)化構(gòu)建工具有等等，這些構(gòu)建工具核心都是依賴第三方插件，通過(guò)顆?；蝿?wù)，再將這些任務(wù)按照合適的方式進(jìn)行

前言

F5已爛

想來(lái)大家對(duì)自動(dòng)化構(gòu)建工具已經(jīng)不陌生了，自動(dòng)化構(gòu)建工具可以幫開(kāi)發(fā)者省去很多重復(fù)勞動(dòng)比如:語(yǔ)法糾錯(cuò)、文件打包、文件操作，合并壓縮等等. 常用的自動(dòng)化構(gòu)建工具有Gulp,Grunt,Fis等等，這些構(gòu)建工具核心都是依賴第三方插件，通過(guò)顆粒化任務(wù)，再將這些任務(wù)按照合適的方式進(jìn)行組合，構(gòu)建項(xiàng)目所需的自動(dòng)化工作流

常用插件

這里來(lái)簡(jiǎn)單來(lái)說(shuō)明一下Grunt的最常用的幾個(gè)插件:

grunt-include-replace-more 可以對(duì)項(xiàng)目中的html進(jìn)行模版化配置

grunt-contrib-jshint 可以對(duì)項(xiàng)目中的Js文件進(jìn)行語(yǔ)法檢查

grunt-contrib-uglify 可以對(duì)項(xiàng)目中的Js文件進(jìn)行壓縮

grunt-cmd-transport 將匿名Js模塊具名化

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

grunt-contrib-compass 可以將項(xiàng)目中的Sass文件編譯成css

grunt-inline 可以將項(xiàng)目中標(biāo)示了_inline的資源通過(guò)內(nèi)聯(lián)的方式引入

grunt-contrib-imagemin 可以對(duì)項(xiàng)目中的Img進(jìn)行壓縮

grunt-contrib-watch 監(jiān)聽(tīng)項(xiàng)目中的文件狀態(tài)，如果文件被改變，則重新構(gòu)建

grunt-contrib-copy 復(fù)制文件到某個(gè)目錄

grunt-contrib-clean 刪除某個(gè)文件

結(jié)語(yǔ):

以上是Grunt的最基本最常用的幾個(gè)插件. 其中較難使用的是如何合并Js模塊，
也就是如何整合 grunt-cmd-transport, grunt-cmd-concat 的使用. 這里又要牽扯到Seajs匿名模塊，具名模塊和ID即路徑的問(wèn)題, 這里放到模塊化Js的章節(jié)里說(shuō)吧

(有興趣的同學(xué)可以移步Grunt官網(wǎng) 享受自動(dòng)構(gòu)建的快感)

GPU云服務(wù)器云服務(wù)器切圖崽 html5 切圖工具圖像識(shí)別數(shù)學(xué)修養(yǎng) 自動(dòng)化構(gòu)建工具

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111333.html

相關(guān)文章

切圖崽的自我修養(yǎng)－使用自動(dòng)化工具

摘要：前言已爛想來(lái)大家對(duì)自動(dòng)化構(gòu)建工具已經(jīng)不陌生了，自動(dòng)化構(gòu)建工具可以幫開(kāi)發(fā)者省去很多重復(fù)勞動(dòng)比如語(yǔ)法糾錯(cuò)文件打包文件操作，合并壓縮等等常用的自動(dòng)化構(gòu)建工具有等等，這些構(gòu)建工具核心都是依賴第三方插件，通過(guò)顆?；蝿?wù)，再將這些任務(wù)按照合適的方式進(jìn)行前言 F5已爛 showImg(https://segmentfault.com/img/bVyS47); 想來(lái)大家對(duì)自動(dòng)化構(gòu)建工具已經(jīng)不陌生了，...

GT 2019-08-19 18:43 評(píng)論0 收藏0
切圖崽的自我修養(yǎng)－使用自動(dòng)化工具

摘要：前言已爛想來(lái)大家對(duì)自動(dòng)化構(gòu)建工具已經(jīng)不陌生了，自動(dòng)化構(gòu)建工具可以幫開(kāi)發(fā)者省去很多重復(fù)勞動(dòng)比如語(yǔ)法糾錯(cuò)文件打包文件操作，合并壓縮等等常用的自動(dòng)化構(gòu)建工具有等等，這些構(gòu)建工具核心都是依賴第三方插件，通過(guò)顆?；蝿?wù)，再將這些任務(wù)按照合適的方式進(jìn)行前言 F5已爛 showImg(https://segmentfault.com/img/bVyS47); 想來(lái)大家對(duì)自動(dòng)化構(gòu)建工具已經(jīng)不陌生了，...

luqiuwen 2019-08-01 15:24 評(píng)論0 收藏0
切圖崽的自我修養(yǎng)－－[BUILD]構(gòu)建工具思路梳理

摘要：前言之前也是從過(guò)來(lái)的，到現(xiàn)在的中間有些問(wèn)題沒(méi)怎么細(xì)想，比如明明是構(gòu)建工具為什么調(diào)試總是要開(kāi)啟一個(gè)服務(wù)之類的，現(xiàn)在就來(lái)簡(jiǎn)單梳理下思路最原始的構(gòu)建工具無(wú)非是這樣改動(dòng)了某個(gè)資源文件，要手動(dòng)運(yùn)行構(gòu)建命令才能重新構(gòu)建，重新構(gòu)建的時(shí)候構(gòu)建工具將所有資源前言之前也是從grunt/gulp/fis/過(guò)來(lái)的，到現(xiàn)在的webpack,中間有些問(wèn)題沒(méi)怎么細(xì)想，比如明明是構(gòu)建工具為什么調(diào)試總是要開(kāi)啟一個(gè)h...

wfc_666 2019-08-20 12:14 評(píng)論0 收藏0
切圖崽的自我修養(yǎng)－－[BUILD]構(gòu)建工具思路梳理

摘要：前言之前也是從過(guò)來(lái)的，到現(xiàn)在的中間有些問(wèn)題沒(méi)怎么細(xì)想，比如明明是構(gòu)建工具為什么調(diào)試總是要開(kāi)啟一個(gè)服務(wù)之類的，現(xiàn)在就來(lái)簡(jiǎn)單梳理下思路最原始的構(gòu)建工具無(wú)非是這樣改動(dòng)了某個(gè)資源文件，要手動(dòng)運(yùn)行構(gòu)建命令才能重新構(gòu)建，重新構(gòu)建的時(shí)候構(gòu)建工具將所有資源前言之前也是從grunt/gulp/fis/過(guò)來(lái)的，到現(xiàn)在的webpack,中間有些問(wèn)題沒(méi)怎么細(xì)想，比如明明是構(gòu)建工具為什么調(diào)試總是要開(kāi)啟一個(gè)h...

elina 2019-08-01 15:55 評(píng)論0 收藏0
切圖崽的自我修養(yǎng)－[TOOL] 用Omnigraffle繪制UML

摘要：前言不會(huì)畫(huà)圖的程序員不是好產(chǎn)品經(jīng)理喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心，但印象中產(chǎn)品經(jīng)理經(jīng)常要畫(huà)一些奇奇怪怪七七八八的圖，在請(qǐng)教了一些立志做產(chǎn)品經(jīng)理的程序員之后，發(fā)現(xiàn)他們都有一套自己喜歡用的精致小巧的工具，其中經(jīng)典的一套為線框原型通用前言不會(huì)畫(huà)圖的程序員不是好產(chǎn)品經(jīng)理喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心，但印象中產(chǎn)品經(jīng)理經(jīng)常要畫(huà)一些奇奇怪怪七七八八的圖，在請(qǐng)教了一些立...

BWrong 2019-08-29 11:23 評(píng)論0 收藏0