Merge pull request #6 from kyaukyuai/chore/babel

kyaukyuai · web-flow · commit ab5099e43571 · 2022-09-19T14:23:49.000+09:00
Chore/babel
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,41 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "edge": "17",
+          "firefox": "60",
+          "chrome": "67",
+          "safari": "11.1"
+        },
+        "useBuiltIns": "usage",
+        "corejs": "3.6.5",
+        "debug": true
+      }
+    ],
+    "@babel/react"
+  ],
+  "plugins": [
+    [
+      "babel-plugin-styled-components",
+      {
+        "ssr": false
+      }
+    ],
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-syntax-import-meta",
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-json-strings",
+    [
+      "@babel/plugin-proposal-decorators",
+      {
+        "legacy": true
+      }
+    ],
+    "@babel/plugin-proposal-function-sent",
+    "@babel/plugin-proposal-export-namespace-from",
+    "@babel/plugin-proposal-numeric-separator",
+    "@babel/plugin-proposal-throw-expressions"
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,6 +1,7 @@
 {
   "cSpell.words": [
     "cleanslate",
+    "corejs",
     "cssimportant"
   ],
   "[typescriptreact]": {
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "typescript-react-embedded-widget-starter",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "building an embedded widget with react and typescript",
   "main": "dist/embedded-widget.js",
   "author": "Yuya Kakui https://github.com/kyaukyuai",
@@ -21,33 +21,6 @@
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook"
   },
-  "babel": {
-    "presets": [
-      "airbnb"
-    ],
-    "plugins": [
-      [
-        "babel-plugin-styled-components",
-        {
-          "ssr": false
-        }
-      ],
-      "@babel/plugin-syntax-dynamic-import",
-      "@babel/plugin-syntax-import-meta",
-      "@babel/plugin-proposal-class-properties",
-      "@babel/plugin-proposal-json-strings",
-      [
-        "@babel/plugin-proposal-decorators",
-        {
-          "legacy": true
-        }
-      ],
-      "@babel/plugin-proposal-function-sent",
-      "@babel/plugin-proposal-export-namespace-from",
-      "@babel/plugin-proposal-numeric-separator",
-      "@babel/plugin-proposal-throw-expressions"
-    ]
-  },
   "dependencies": {
     "@styled-icons/ionicons-sharp": "^10.46.0",
     "@types/react": "^18.0.20",
diff --git a/webpack.config.js b/webpack.config.js
@@ -23,7 +23,6 @@ module.exports = {
         use: [
           {
             loader: 'babel-loader',
-            options: { presets: ['@babel/preset-env', '@babel/react'] },
           },
           {
             loader: 'ts-loader',
@@ -42,5 +41,5 @@ module.exports = {
   resolve: {
     extensions: ['.ts', '.tsx', '.js', '.json'],
   },
-  target: 'web',
+  target: ['web', 'es5'],
 }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"cSpell.words": [`
`3`	`3`	`"cleanslate",`
	`4`	`+ "corejs",`
`4`	`5`	`"cssimportant"`
`5`	`6`	`],`
`6`	`7`	`"[typescriptreact]": {`
Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,6 @@ module.exports = {`
`23`	`23`	`use: [`
`24`	`24`	`{`
`25`	`25`	`loader: 'babel-loader',`
`26`		`- options: { presets: ['@babel/preset-env', '@babel/react'] },`
`27`	`26`	`},`
`28`	`27`	`{`
`29`	`28`	`loader: 'ts-loader',`
`@@ -42,5 +41,5 @@ module.exports = {`
`42`	`41`	`resolve: {`
`43`	`42`	`extensions: ['.ts', '.tsx', '.js', '.json'],`
`44`	`43`	`},`
`45`		`- target: 'web',`
	`44`	`+ target: ['web', 'es5'],`
`46`	`45`	`}`