Fabrica 开发工具包

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Fabrica 开发工具包 是一个 WordPress 开发工具包。您…

  1. 克隆 GitHub 仓库
  2. 通过 `.yml` 文件配置您的 WordPress 项目(设置、插件等)
  3. 运行 Ruby 设置脚本,该脚本
  4. 通过 npmyarn 下载开发依赖项(如 Gulp
  5. 构建 Docker 容器和卷以在其中运行所有内容
  6. 所有内容,包括大型 WordPress 依赖项(如 PHP 和 MySQL),都在 Docker 内部运行。Web 服务器是 Nginx 和 PHP-FPM

它更进一步 并设置了一些 WordPress 主题开发依赖项,例如

  1. Twig 模板
  2. 特别是 Timber,它将 Twig 引入 WordPress 上下文,并允许对您的主题进行类似 MVC 的结构化
  3. 高级自定义字段自定义设置,以允许对该设置进行版本控制

它还进一步设置了主题开发的构建流程,例如

  1. 通过 PostHTML 预处理 HTML,因此您可以使用特殊的 BEM 语法
  2. PostCSS 以及 LostGrid 等插件
  3. Autoprefixer
  4. 图像优化
  5. 整理、缩小和源映射资产
  6. 整合 BrowserSync,有助于更快、更轻松地进行浏览器测试

它假设了一些其他主题依赖项,例如

  1. Normalize.css
  2. jQuery
  3. 如果您需要更多前端依赖项,您可以使用 npmWebpack 来包含它们
  4. 如果您需要更多后端依赖项,您可以使用 Composer 来处理它们

然后,为了从开发过渡到生产,您有

  1. WordMove(“Capistrano for WordPress”)

向 Andrew、Thomas 和 João 致敬,他们构建并发布了这个工具包,并向我发送了邮件。这是一个雄心勃勃的项目,免费且开源这一点非常棒。

不过,这里也有一些复杂的情绪。天哪,那里使用的工具堆栈真是太厚重了。它对您工作方式的整个堆栈都做出了假设。我感觉自己像个对着云大喊的老头,但我还是建议您先单独使用这些工具,然后再全面投入这样的堆栈。这是一个需要一次性吞下的抽象概念。

这种特定的全栈抽象方法对我来说击中了所有要点。我几乎使用过所有这些工具,并且对它们的功能以及为什么它们有用有相当的了解,因此将它们全部组合成一个易于设置的东西很有吸引力,但我同样可以很容易地看到被类似的东西所排斥,因为它假设了一些我不喜欢或没有品味的依赖项。