fix: Transpile @AWS-SDK to ES5. (#363)

qhanam · ps863 · commit d6c9752bbbf3 · 2023-02-24T16:45:16.000-08:00
* fix: Transpile @AWS-SDK to ES5. * fix: Transform modules to cjs.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -62,6 +62,7 @@
     },
     "devDependencies": {
         "@aws-sdk/client-rum": "^3.76.0",
+        "@babel/plugin-transform-modules-commonjs": "^7.21.2",
         "@babel/plugin-transform-runtime": "^7.16.0",
         "@babel/preset-env": "~7.20.2",
         "@playwright/test": "^1.21.1",
@@ -83,8 +84,8 @@
         "eslint-plugin-jsdoc": "^39.3.6",
         "eslint-plugin-prefer-arrow": "^1.2.3",
         "eslint-plugin-react": "^7.31.8",
-        "http-server": "^14.1.1",
         "generate-json-webpack-plugin": "^2.0.0",
+        "http-server": "^14.1.1",
         "husky": "^8.0.1",
         "jest": "^29.3.1",
         "jest-date-mock": "^1.0.8",
@@ -145,6 +146,7 @@
         ]
     },
     "browserslist": [
-        "defaults"
+        "defaults",
+        "ie 11"
     ]
 }
diff --git a/webpack/webpack.common.js b/webpack/webpack.common.js
@@ -3,6 +3,7 @@ const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const babelLoaderOptions = {
     presets: [['@babel/preset-env', {}]],
     plugins: [
+        '@babel/plugin-transform-modules-commonjs',
         [
             '@babel/plugin-transform-runtime',
             {
@@ -26,15 +27,15 @@ module.exports = {
         rules: [
             {
                 test: [/\.js$/],
-                exclude: /node_modules/,
+                exclude: /node_modules\/(?!@aws-sdk)/,
                 use: {
                     loader: 'babel-loader',
                     options: babelLoaderOptions
                 }
             },
             {
                 test: [/\.ts$/],
-                exclude: /node_modules/,
+                exclude: /node_modules\/(?!@aws-sdk)/,
                 use: [
                     {
                         loader: 'babel-loader',

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@ const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');`
`3`	`3`	`const babelLoaderOptions = {`
`4`	`4`	`presets: [['@babel/preset-env', {}]],`
`5`	`5`	`plugins: [`
	`6`	`+ '@babel/plugin-transform-modules-commonjs',`
`6`	`7`	`[`
`7`	`8`	`'@babel/plugin-transform-runtime',`
`8`	`9`	`{`
`@@ -26,15 +27,15 @@ module.exports = {`
`26`	`27`	`rules: [`
`27`	`28`	`{`
`28`	`29`	`test: [/\.js$/],`
`29`		`- exclude: /node_modules/,`
	`30`	`+ exclude: /node_modules\/(?!@aws-sdk)/,`
`30`	`31`	`use: {`
`31`	`32`	`loader: 'babel-loader',`
`32`	`33`	`options: babelLoaderOptions`
`33`	`34`	`}`
`34`	`35`	`},`
`35`	`36`	`{`
`36`	`37`	`test: [/\.ts$/],`
`37`		`- exclude: /node_modules/,`
	`38`	`+ exclude: /node_modules\/(?!@aws-sdk)/,`
`38`	`39`	`use: [`
`39`	`40`	`{`
`40`	`41`	`loader: 'babel-loader',`