使用 Netlify 构建插件获取构建的编程控制

Avatar of Sarah Drasner
Sarah Drasner

DigitalOcean 提供适用于您旅程各个阶段的云产品。立即开始使用 200 美元的免费积分!

今天在 Jamstack_ConfNetlify 宣布了 构建插件。它的作用是允许您在构建中为事件设置特定钩子,例如构建开始或结束时。它们的优点是它们只是普通的 JavaScript 对象,因此您可以像在应用程序中一样插入一些逻辑或启动一个库。

“构建”是指您将您的网站提供给 Netlify,无论是通过 GitHub/GitLab/等,还是通过将目录直接放入界面中,Netlify 将处理所有资产,下载和安装软件包,并生成一个静态版本的网站来部署到全球各地的 CDN 上。

构建插件的作用是在该过程中的关键时间点提供访问权限,例如,onPreBuildonPostBuildonSuccess,等等。您可以在这些特定时间点执行一些逻辑,例如

module.exports = {
  onPreBuild: () => {
    console.log('Hello world from onPreBuild event!')
  },
}

您不仅可以自己构建它们!您还可以使用社区创建的构建插件。有一些非常有趣的插件,例如 a11y、用于测试的 Cypress内联关键 CSS,以及我最喜欢的 Subfont,它以一种非常不可思议的方式为您优化字体(您可以 观看有关该插件的视频)。

通过仪表板上的几个按钮点击即可启用它们。

如果您想了解更多信息,请 查看此处的公告帖子!祝您构建愉快!