Issue #3 feat : Add Rollup config and typescript

Author: alstn113

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+.DS_Store
+dist

package.json

@@ -0,0 +1,29 @@
+{
+  "name": "wap-ui",
+  "version": "1.0.0",
+  "repository": "https://github.com/neko113/wap-ui.git",
+  "author": "neko113 <[email protected]>",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "browser": "./dist/index.umd.js",
+  "private": false,
+  "scripts": {
+    "build": "rollup -c"
+  },
+  "devDependencies": {
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-node-resolve": "^14.1.0",
+    "@rollup/plugin-typescript": "^8.5.0",
+    "rollup": "^2.79.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "typescript": "^4.8.3"
+  },
+  "peerDependencies": {},
+  "dependencies": {},
+  "files": [
+    "dist"
+  ]
+}

rollup.config.js

@@ -0,0 +1,43 @@
+import babel from "@rollup/plugin-babel";
+import commonjs from "@rollup/plugin-commonjs";
+import { nodeResolve } from "@rollup/plugin-node-resolve";
+import typescript from "@rollup/plugin-typescript";
+import peerDepsExternal from "rollup-plugin-peer-deps-external";
+
+const extensions = ["js", "jsx", "ts", "tsx", "mjs"];
+const pkg = require("./package.json");
+
+function setUpRollup({ output }) {
+  return {
+    external: ["react", "react-dom"],
+    input: "./packages/index.ts",
+    output,
+    plugins: [
+      nodeResolve({ extensions }),
+      babel({
+        exclude: "node_modules/**",
+        extensions,
+        include: ["packages/**/*"],
+        babelHelpers: "bundled",
+      }),
+      commonjs({ include: "node_modules/**" }),
+      peerDepsExternal(),
+      typescript({ tsconfig: "./tsconfig.json" }),
+    ],
+  };
+}
+
+export default [
+  setUpRollup({
+    output: {
+      file: pkg.main,
+      format: "cjs",
+    },
+  }),
+  setUpRollup({
+    output: {
+      file: pkg.module,
+      format: "esm",
+    },
+  }),
+];

tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "jsx": "react",
+    "module": "ESNext",
+    "declaration": true, // *.d.ts 타입 파일 생성 여부
+    "declarationDir": "./dist", // *.d.ts 타입 파일 생성 경로
+    "sourceMap": false,
+    "outDir": "./dist", // 빌드 결과물이 저장될 경로
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "emitDeclarationOnly": true,
+    "removeComments": true
+  },
+  "include": ["./packages"],
+  "exclude": ["./dist", "./node_modules"]
+}