ZURB Stack
電子郵件和網頁開發很快就會變得複雜。我們引入了 ZURB Stack，它可以幫助您更快地入門，並讓您做更多事情 - 無需花時間尋找合適的工具來完成這項工作。ZURB Stack 包括
Gulp
這是我們為 Foundation 選擇的任務執行器。Gulp 讓我們排隊執行任務。這讓我們可以執行一些很酷的事情，例如自動更新您的瀏覽器。這是 Stack 建構的基礎。 瞭解更多關於 Gulp 的資訊。
Sass
我們使用 Libsass 作為我們選擇的 CSS 預處理器。如果您不熟悉 Sass，它讓您可以使用變數、巢狀結構和混合（舉例來說）。 瞭解更多關於 Sass 的資訊。
內嵌
最大的頭痛和時間浪費之一就是內嵌您的 HTML 電子郵件。好吧，不用再這樣了！我們使用 gulp-inline 來掃描您的 CSS 檔案，並在您準備好的時候自動注入您的 CSS。當您準備內嵌時，只要在您的專案中執行 npm run build 即可。
建構選項
預設內嵌器會在不移除空白字元和內嵌的情況下運作，您必須在專案根目錄的 gulpfile.babel.js 中變更內嵌器函式 (function inliner(css)) 的設定。若要變更這些設定，請依照您的喜好更新函式的這個部分：.pipe($.htmlmin, { collapseWhitespace: true, minifyCSS: true });。
Panini
這是我們針對 Foundation 的平面檔案產生器。就像它在現實世界中的對應物一樣，它會取得一組食材，並將它們壓扁成一個美味的項目。這讓您能將標頭和頁尾內容等項目分開成部分，讓您在建置時能專注於您的程式碼。它建構於 Handlebars 之上，讓您能使用部分檔案和可重複區段讓所有內容井然有序。查看我們的 Panini Repo。
BrowserSync
BrowserSync 太棒了。它是 ZURB Stack 中的特定工具，讓您能即時在瀏覽器中看到您的程式碼變更。只要儲存您的程式碼，然後在您的瀏覽器中觀看神奇的事情發生。進一步了解 BrowserSync。
影像壓縮
最後，我們新增了 gulp-imagemin，它會智慧地縮小您的 png、jpeg、gif 和 svg 影像的檔案大小。這能讓您的電子郵件以閃電般的速度載入！查看 gulp-imagemin repo。
將專案移轉至 2.2.1
更新 Foundation for Emails 非常容易。導覽至專案資料夾根目錄中的 package.json 檔案。您會想要將相依性從您目前的版本 (大約在第 16 行) 變更為版本 2.2.1。
之後您需要更新至最新版本的 inky。在同一個 package.json 檔案中，找到 devDependcies 區段。(大約在第 41 行)。將您目前的 inky 版本變更為 ^1.3.6。
完成後，您需要更新 app.scss 檔案。為了同時使用 Foundation for Sites 和 Emails 而不會發生衝突，Foundation for Emails CSS 檔案的名稱已從 foundation 變更為 foundation-emails。如果您使用 CSS 版本，可以將名稱從 foundation.min.css 變更為 foundation-emails.min.css。
接下來，開啟命令列並導覽至專案資料夾的根目錄。執行 npm install。完成後，執行 foundation build。
ZURB Stack 僅是一個起點，讓您可以執行上述所有動作！您可以完全移除或新增 ZURB Stack 的 gulp 檔案，以打造完美的電子郵件環境。
