npm 배포 설정

.github/CODEOWNERS

@@ -10,4 +10,4 @@
 
 # review when someone opens a pull request.
 
-- @Hanna922 @JjungminLee
+* @Hanna922 @JjungminLee

.npmignore

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.yarn
+package.tgz

package.json

@@ -1,18 +1,36 @@
 {
-  "name": "yls-web",
+  "name": "@yourssu/logging-system-react",
+  "private": "false",
   "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
+  "description": "Yourssu Logging System for React",
+  "keywords": [
+    "yourssu",
+    "loggin system",
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yourssu/YLS-Web.git"
+  },
+  "author": "",
+  "license": "MIT",
   "type": "module",
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    }
+  },
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
-  "keywords": [],
-  "author": "",
-  "license": "MIT",
   "peerDependencies": {
     "axios": "^1.6.4",
     "react": "^18.2.0",
@@ -39,7 +57,7 @@
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.21.3",
     "typescript": "^5.2.2",
-    "vite": "^5.0.8"
-  },
-  "dependencies": {}
+    "vite": "^5.0.8",
+    "vite-plugin-dts": "^3.7.2"
+  }
 }

vite.config.ts

@@ -1,7 +1,34 @@
+import path from 'path';
+
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import dts from 'vite-plugin-dts';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react(),
+    dts({
+      insertTypesEntry: true,
+    }),
+  ],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      name: '@yourssu/logging-system-react',
+      formats: ['es', 'cjs'],
+      fileName: (format) => `index.${format}.js`,
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom'],
+      output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+        },
+        banner: '"use client";',
+        interop: 'compat',
+      },
+    },
+  },
 });