Merge pull request Expensify#2722 from kidroca/kidroca/add-polyfill.io

feature: Include polyfill.io for web builds
ojasjadhav2 · May 7, 2021 · 99fe0ae · 99fe0ae
2 parents 56cefb7 + 1494e3f
commit 99fe0ae
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/config/webpack/webpack.common.js b/config/webpack/webpack.common.js
@@ -35,6 +35,7 @@ const webpackConfig = {
         new HtmlWebpackPlugin({
             template: 'web/index.html',
             filename: 'index.html',
+            usePolyfillIO: platform === 'web',
         }),
 
         // Copies favicons into the dist/ folder to use for unread status

diff --git a/web/index.html b/web/index.html
@@ -28,6 +28,10 @@
     </style>
     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
     <link rel="shortcut icon" id="favicon" href="/favicon.png">
+    <% if (htmlWebpackPlugin.options.usePolyfillIO) { %>
+        <!-- polyfill.io is only needed on Web to support older browsers. It should not be loaded for desktop -->
+        <script src="https://polyfill.io/v3/polyfill.min.js?features=default%2CResizeObserver&flags=gated"></script>
+    <% } %>
 </head>
 <body>
     <div style="position: absolute; top: 0; left: 0; right: 0; height: 30px;" id="drag-area"></div>