Migrate build to rollup bundling

.babelrc

@@ -2,7 +2,6 @@
   "presets": [
     "@babel/preset-react",
     "@babel/preset-typescript",
-    ["@babel/preset-env", { "targets": "defaults" }],
-    "babel-preset-minify"
+    ["@babel/preset-env", { "targets": "defaults" }]
   ]
 }

package.json

@@ -2,15 +2,14 @@
   "name": "react-daum-postcode",
   "version": "3.1.3",
   "description": "Daum Postcode service for React",
-  "main": "./lib/index.js",
+  "main": "./lib/index.cjs.js",
   "types": "./lib/index.d.ts",
+  "module": "./lib/index.esm.js",
   "files": [
     "lib"
   ],
   "scripts": {
-    "build": "concurrently \"yarn:build:*\"",
-    "build:babel": "babel src -d lib --extensions \".ts,.tsx\"",
-    "build:types": "tsc --declarationDir lib"
+    "build": "rollup -c"
   },
   "author": "kimminsik-bernard",
   "contributors": [
@@ -73,10 +72,12 @@
     "@babel/preset-env": "^7.14.9",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.14.5",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.1",
     "@types/react": "^17.0.15",
     "@typescript-eslint/eslint-plugin": "^4.29.0",
     "@typescript-eslint/parser": "^4.29.0",
-    "babel-preset-minify": "^0.5.1",
     "concurrently": "^6.2.0",
     "eslint": "^7.32.0",
     "eslint-config-airbnb": "^18.2.1",
@@ -86,6 +87,7 @@
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
+    "rollup": "^4.28.1",
     "typescript": "^4.3.5"
   }
-}
+}

rollup.config.mjs

@@ -0,0 +1,25 @@
+import babel from '@rollup/plugin-babel';
+import typescript from '@rollup/plugin-typescript';
+import terser from '@rollup/plugin-terser';
+
+const extensions = ['.js', '.jsx', '.ts', '.tsx'];
+
+export default {
+  input: 'src/index.ts',
+  output: [
+    {
+      file: 'lib/index.cjs.js',
+      format: 'cjs',
+    },
+    {
+      file: 'lib/index.esm.js',
+      format: 'esm',
+    },
+  ],
+  plugins: [
+    babel({extensions, include: 'src' }),
+    typescript({ declarationDir: 'lib' }),
+    terser({ format: { comments: false }}),
+  ],
+  external: ['react'],
+};

src/index.ts

@@ -1,7 +1,12 @@
-import DaumPostcodeEmbed, { DaumPostcodeEmbedProps, DaumPostcodeProps } from './DaumPostcodeEmbed';
-import useDaumPostcodePopup, { DaumPostcodePopupParams } from './useDaumPostcodePopup';
-import loadPostcode, { Address, Search, State } from './loadPostcode';
+import DaumPostcodeEmbed from './DaumPostcodeEmbed';
+import useDaumPostcodePopup from './useDaumPostcodePopup';
+import loadPostcode from './loadPostcode';
 
-export type { DaumPostcodeEmbedProps, DaumPostcodeProps, DaumPostcodePopupParams, Address, Search, State };
 export { loadPostcode, DaumPostcodeEmbed, useDaumPostcodePopup };
 export default DaumPostcodeEmbed;
+
+import type { DaumPostcodeEmbedProps, DaumPostcodeProps } from './DaumPostcodeEmbed';
+import type { DaumPostcodePopupParams } from './useDaumPostcodePopup';
+import type { Address, Search, State } from './loadPostcode';
+
+export type { DaumPostcodeEmbedProps, DaumPostcodeProps, DaumPostcodePopupParams, Address, Search, State };