fix(docs): fix a polyfill loading for IE11 (#3395)

* docs: fix a polyfill loading

* Update Document.js

* make local docs working in IE11

* Update static.webpack.js

* Update static.webpack.js

Author: oolleegg55

config.js

@@ -43,7 +43,7 @@ const config = {
   // ----------------------------------
   // Compiler Configuration
   // ----------------------------------
-  compiler_devtool: (__DEV__ || __TEST__) && 'cheap-eval-source-map',
+  compiler_devtool: (__DEV__ || __TEST__) && 'cheap-source-map',
   compiler_globals: {
     'process.env': {
       NODE_ENV: JSON.stringify(env),

docs/src/components/Document.js

@@ -16,6 +16,9 @@ const Document = ({ Body, children, Head, Html, siteData: { dev, versions } }) =
         href={`https://cdn.jsdelivr.net/npm/semantic-ui@${versions.sui}/dist/semantic.min.css`}
       />
 
+      <script
+        src='https://cdn.jsdelivr.net/npm/@babel/[email protected]/dist/polyfill.min.js'
+      />
       <script
         src={`https://cdnjs.cloudflare.com/ajax/libs/anchor-js/${versions.anchor}/anchor.min.js`}
       />

docs/src/index.js

@@ -1,5 +1,3 @@
-import '@babel/polyfill'
-
 import React from 'react'
 import ReactDOM from 'react-dom'
 

package.json

@@ -108,7 +108,7 @@
     "chai-enzyme": "^1.0.0-beta.1",
     "copy-to-clipboard": "^3.0.8",
     "cross-env": "^5.2.0",
-    "debug": "^3.1.0",
+    "debug": "^4.1.1",
     "dirty-chai": "^2.0.1",
     "doctoc": "^1.3.1",
     "doctrine": "^2.1.0",

static.webpack.js

@@ -30,11 +30,21 @@ export default (webpackConfig, { stage }) => ({
     rules: [
       {
         test: /\.js$/,
-        exclude: /node_modules/,
+        include: [
+          // Heads up!
+          // There modules should be manually transipiled because they are not compatible with IE11
+          path.resolve(__dirname, 'node_modules/ansi-styles'),
+          path.resolve(__dirname, 'node_modules/debug'),
+
+          path.resolve(__dirname, 'docs'),
+          path.resolve(__dirname, 'src'),
+          path.resolve(__dirname, 'tmp'),
+        ],
         use: {
           loader: 'babel-loader',
           options: {
             cacheDirectory: stage === 'dev',
+            configFile: path.resolve(__dirname, '.babelrc'),
           },
         },
       },

yarn.lock

@@ -3930,6 +3930,13 @@ [email protected], debug@^3.1.0, debug@~3.1.0:
   dependencies:
     ms "2.0.0"
 
+debug@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
+  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
+  dependencies:
+    ms "^2.1.1"
+
 decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.1.2, decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -8248,6 +8255,11 @@ [email protected]:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
 
+ms@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
+  integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
+
 multicast-dns-service-types@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz#899f11d9686e5e05cb91b35d5f0e63b773cfc901"
@@ -9850,8 +9862,9 @@ react-ace@^6.2.0:
     prop-types "^15.6.2"
 
 react-dev-utils@^4.0.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-4.2.1.tgz#9f2763e7bafa1a1b9c52254d2a479deec280f111"
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-4.2.3.tgz#5b42d9ea58d5e9e017a2f57a40a8af408a3a46fb"
+  integrity sha512-uvmkwl5uMexCmC0GUv1XGQP0YjfYePJufGg4YYiukhqk2vN1tQxwWJIBERqhOmSi80cppZg8mZnPP/kOMf1sUQ==
   dependencies:
     address "1.0.3"
     babel-code-frame "6.26.0"