Gatsby 向盖茨比网站添加自定义现代化版本

向盖茨比网站添加自定义现代化版本的最佳方法是什么

一种想法是在

static/

文件夹中包含一个

modernizer.js

文件，然后在布局组件中包含一个导入该文件的脚本标记。但这并不是盖茨比最友好的方式

任何其他建议都会非常有用

他们有一个npm包。也许可以试一试

在

/src/pages/index.js中添加：

// Listen to a test, give it a callback
Modernizr.on('testname', function( result ) {
  if (result) {
    console.log('The test passed!');
  }
  else {
    console.log('The test failed!');
  }
});

将以下代码添加到您的
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>,
  ])
}

const React=require（“React”）
export const onRenderBody=（{setHeadComponents}，pluginOptions）=>{
Sethead组件([
,
])
}

这将加载Modenizr脚本并执行它