grunt 入門教程五 完整示例(完結篇)

2021-06-19 03:10:06 字數 716 閱讀 8976

getting started 四章翻譯完之後中斷了好久,這段期間對grunt有了更多的使用經驗,直到最近把總結了之前經驗了一下,才能給這個系列畫上乙個句號。

我們用grunt幹什麼?

grunt作為乙個**構建工具,我們前端**相關的所有操作,除了寫原始碼之外,都可以讓grunt幫我們完成,這就是grunt的作用。

那麼除了寫原始碼之外,我們一般還需要做些什麼?

1,編譯壓縮原始碼,比如less和coffee

2,執行語法檢查和單元測試,比如jshint和qunit

3,拼接sprite,如果沒有合適的工具,這一直是乙個很繁瑣很費時的操作,還好我們有glue。

4,部署**,比如上傳到***,上傳壓縮後的**到線上。這個因為每個公司甚至每個專案都不同,很難統一處理。

最後總結,除了第4條,前三條都是grunt完全可以幫我們自動完成的。這些配置雖然不難,但還是有點麻煩的。

在幾個專案中陸續配置grunt之後,總結了一套配置,然後建立了乙個blankweb倉庫,簡單的說,下次有新的專案。直接把blankweb複製過去就可以開始寫**了。

對於老手,可以節省配置的時間,對於新手可以學習grunt的使用。

對blankweb的具體解釋就不貼上在這裡了,readme裡面寫的比較詳細。

下面是位址  

grunt確實是乙個非常犀利的工具,任何稍微複雜的專案都應該使用。在這之前好多專案都是make指令碼,完全可以換成更適合的grunt。

PyTorch PyTorch入門教程五

還是直接看 是如何寫的。從numpy中建立輸入與輸出。import torch import torch.nn as nn import numpy as np import matplotlib.pyplot as plt from torch.autograd import variable h...

Koa入門教程之示例應用

乙個包含一些小示例的儲存庫,這些示例說明了如何使用koa建立web應用程式和其他http伺服器。koa passport mongoose graphql 使用貓鼬,graphql設定和護照認證的koa 2入門套件 hacknical 基於koa v2,redis和mongoose的github使用...

Div CSS布局入門教程 五

四 頁面製作 1 用好border和clear 由於找工作找房子的原因,隔了這麼久才能開始寫教程,心裡感覺很對不起一直在關注本站的朋友,今天是找到房子的第二天,於是趕快繼續寫教程。這一節裡面,主要就是想告訴大家如何使用好border和clear這兩個屬性。首先,如果你曾用過table製作網頁,你就應...