ZURB 栈
电子邮件和 Web 开发很快会变得复杂。我们引入了 ZURB 栈，它可以帮助你更快地开始，让你做得更多 - 而无需花费时间来查找合适的工具来完成工作。ZURB 栈包括
Gulp
这是我们为 Foundation 选择的任务执行器。Gulp 让我们将任务排队以执行。这让我们可以执行很酷的操作，例如自动更新浏览器来内联。这是栈的构建基础。 了解有关 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 代码库。
BrowserSync
BrowserSync 很棒。这是我们 ZURB 栈中的特定工具，可让你在浏览器中实时查看你的代码更改。只需保存你的代码，然后在浏览器中观看奇妙的事情发生。 了解更多有关 BrowserSync 的信息。
图片压缩
最后，我们添加了 gulp-imagemin，它可以智能地减少 png、jpeg、gif 和 svg 图片的文件大小。这可让你的电子邮件以闪电般的速度加载！ 查看 gulp-imagemin 代码库。
将项目迁移到 2.2.1
更新针对电子邮件的 Foundation 非常容易。导航到项目文件夹根目录中的 package.json 文件。你会想要将你的当前版本（大约第 16 行）的依赖项更改为版本 2.2.1。
接下来，你需要将 Inky 更新为最新版本。在同一个 package.json 文件中，找到 devDependcies 部分。（在第 41 行附近）。将你当前版本的 Inky 更改为 ^1.3.6。
完成此操作后，你需要更新 app.scss 文件。为了能够同时使用 Foundation for Sites 和 Foundation for Emails 且不发生冲突，Foundation for Emails CSS 文件的名称已从 foundation 更改为 foundation-emails。如果你正在使用 CSS 版本，则可以将名称从 foundation.min.css 更改为 foundation-emails.min.css。
接下来，打开命令行并导航至项目文件夹的根目录。运行 npm install。完成后，运行 foundation build。
ZURB 堆栈只是一个起点，可让你完成上述所有操作！你可以彻底删除或添加 ZURB 堆栈的 gulp 文件，以创建完美的电子邮件环境。
