Merge pull request #221 from cofacts/polyfill

Add core-js polyfill in webpack
cofacts · Feb 27, 2020 · feae2c8 · feae2c8
2 parents 7a326d2 + 03ce215
commit feae2c8
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/next.config.js b/next.config.js
@@ -29,6 +29,20 @@ module.exports = {
   publicRuntimeConfig,
   serverRuntimeConfig,
   webpack(config, { isServer }) {
+    const originalEntryFn = config.entry;
+
+    // Inserting polyfill for old Browsers
+    // https://github.com/zeit/next.js/blob/canary/examples/with-polyfills/next.config.js
+    config.entry = async () => {
+      const entry = await originalEntryFn();
+      if (entry['main.js'] && !entry['main.js'].includes('core-js')) {
+        // As specified by React official doc
+        // https://reactjs.org/docs/javascript-environment-requirements.html
+        entry['main.js'].unshift('core-js');
+      }
+      return entry;
+    };
+
     //
     // Simplified from https://github.com/twopluszero/next-images/blob/master/index.js
     //

diff --git a/package-lock.json b/package-lock.json