摘要:前言已爛想來大家對自動化構建工具已經不陌生了,自動化構建工具可以幫開發者省去很多重復勞動比如語法糾錯文件打包文件操作,合并壓縮等等常用的自動化構建工具有等等,這些構建工具核心都是依賴第三方插件,通過顆粒化任務,再將這些任務按照合適的方式進行
前言
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官網 享受自動構建的快感)
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/79913.html
摘要:前言已爛想來大家對自動化構建工具已經不陌生了,自動化構建工具可以幫開發者省去很多重復勞動比如語法糾錯文件打包文件操作,合并壓縮等等常用的自動化構建工具有等等,這些構建工具核心都是依賴第三方插件,通過顆粒化任務,再將這些任務按照合適的方式進行 前言 F5已爛 showImg(https://segmentfault.com/img/bVyS47); 想來大家對自動化構建工具已經不陌生了,...
摘要:前言已爛想來大家對自動化構建工具已經不陌生了,自動化構建工具可以幫開發者省去很多重復勞動比如語法糾錯文件打包文件操作,合并壓縮等等常用的自動化構建工具有等等,這些構建工具核心都是依賴第三方插件,通過顆粒化任務,再將這些任務按照合適的方式進行 前言 F5已爛 showImg(https://segmentfault.com/img/bVyS47); 想來大家對自動化構建工具已經不陌生了,...
摘要:前言之前也是從過來的,到現在的中間有些問題沒怎么細想,比如明明是構建工具為什么調試總是要開啟一個服務之類的,現在就來簡單梳理下思路最原始的構建工具無非是這樣改動了某個資源文件,要手動運行構建命令才能重新構建,重新構建的時候構建工具將所有資源 前言 之前也是從grunt/gulp/fis/過來的,到現在的webpack,中間有些問題沒怎么細想,比如明明是構建工具為什么調試總是要開啟一個h...
摘要:前言之前也是從過來的,到現在的中間有些問題沒怎么細想,比如明明是構建工具為什么調試總是要開啟一個服務之類的,現在就來簡單梳理下思路最原始的構建工具無非是這樣改動了某個資源文件,要手動運行構建命令才能重新構建,重新構建的時候構建工具將所有資源 前言 之前也是從grunt/gulp/fis/過來的,到現在的webpack,中間有些問題沒怎么細想,比如明明是構建工具為什么調試總是要開啟一個h...
摘要:前言不會畫圖的程序員不是好產品經理喜歡裝逼有品位的程序員都有一顆產品經理的心,但印象中產品經理經常要畫一些奇奇怪怪七七八八的圖,在請教了一些立志做產品經理的程序員之后,發現他們都有一套自己喜歡用的精致小巧的工具,其中經典的一套為線框原型通用 前言 不會畫圖的程序員不是好產品經理 喜歡裝逼有品位的程序員都有一顆產品經理的心,但印象中產品經理經常要畫一些奇奇怪怪七七八八的圖,在請教了一些立...
閱讀 885·2021-10-27 14:19
閱讀 1102·2021-10-15 09:42
閱讀 1526·2021-09-14 18:02
閱讀 738·2019-08-30 13:09
閱讀 2981·2019-08-29 15:08
閱讀 2082·2019-08-28 18:05
閱讀 948·2019-08-26 10:25
閱讀 2777·2019-08-23 16:28