切圖崽的自我修養－使用自動化工具

jayce 發布于2019-08-29 10:58 / 1169人閱讀

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

前言

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官網享受自動構建的快感)

云服務器 GPU云服務器切圖崽 html5 切圖工具圖像識別數學修養自動化構建工具

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111333.html

切圖崽的自我修養－使用自動化工具

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

GT 2019-08-19 18:43 評論0 收藏0
切圖崽的自我修養－使用自動化工具

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

luqiuwen 2019-08-01 15:24 評論0 收藏0
切圖崽的自我修養－－[BUILD]構建工具思路梳理

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

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

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

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

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

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