How to integrate whatwg-fetch in Gatsby
有人知道如何将whatwg-fetch提取polyfill集成到gatsby中吗?
到目前为止,我所做的是gatsby-browser.js中的import 'whatwg-fetch';。 现在,我不确定如何将其添加为Webpack的entry属性中的第一个元素,大概是在gatsby-node.js中。
是的,这是我的(经测试并可以正常使用的)gatsby-browser.js的副本:
1 2 3 4 5 6
| import 'whatwg-fetch' // require('whatwg-fetch') // if it's gatsby v2 - https://gatsby.app/no-mixed-modules
exports.onClientEntry = () => {
// Don't need to do anything here, but if you don't
// export something, the import won't work.
} |
无需在gatsby-node.js中的Webpack的entry属性中添加whatwg-fetch。
同样,whatwg-fetch取决于Promises,但是Promise已经在gatsby中进行了多填充,因此无需为Promise添加额外的polyfill。
-
我认为可能只需要在需要它的组件中执行import { fetch } from whatwg-fetch。 gatsby-browser.js方法将在生成的每个页面上实现polyfill,这取决于应用程序可能是不必要的。
-
@pingo对于它的价值,Gatsby使用访存,因此,如果您的目标浏览器不支持它,则几乎可以保证在每个页面上都需要使用polyfill(几乎所有年龄都超过3岁的浏览器)。