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

luqiuwen 發(fā)布于2019-08-01 15:24 / 609人閱讀

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

前言

F5已爛

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

常用插件

這里來簡單來說明一下Grunt的最常用的幾個插件:

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

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

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

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

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

grunt-contrib-compass 可以將項目中的Sass文件編譯成css

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

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

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

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

grunt-contrib-clean 刪除某個文件

結(jié)語:

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

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

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

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

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

相關(guān)文章

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

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

jayce 2019-08-29 10:58 評論0 收藏0
切圖崽的自我修養(yǎng)－使用自動化工具

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

GT 2019-08-19 18:43 評論0 收藏0
切圖崽的自我修養(yǎng)－－[BUILD]構(gòu)建工具思路梳理

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

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

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

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

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

BWrong 2019-08-29 11:23 評論0 收藏0