gatsby - 将自定义 Modernizr 构建添加到 Gatsby 站点

Question

将自定义 Modernizr 构建添加到 Gatsby 网站的最佳方式是什么？

一种想法是modernizr.js在文件夹中包含一个文件static/，然后在布局组件中包含一个导入该文件的脚本标签。但这感觉不像是对盖茨比最友好的方法。

任何其他建议都会非常有帮助！

标签： gatsbymodernizr

Answer 1

将以下代码添加到您的gatsby-ssr.js

const React = require("react")
export const onRenderBody = ({ setHeadComponents }, pluginOptions) => {
  setHeadComponents([
    <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>,
  ])
}

这将加载 Modenizr 脚本并执行