config: 클라이언트 파일rollup 번들링 설정 및 static 처리

apps/miniNext/nodemon.json

@@ -1,5 +1,5 @@
 {
   "watch": ["src"],
   "ext": "ts",
-  "exec": "babel src --extensions .ts,.tsx --out-dir dist && node dist/app.js"
+  "exec": "babel src --extensions .ts,.tsx --out-dir dist && rollup --config rollup.config.js && node dist/app.js"
 }

apps/miniNext/package.json

@@ -24,10 +24,13 @@
     "@babel/plugin-transform-react-jsx": "^7.23.4",
     "@babel/preset-env": "^7.24.5",
     "@babel/preset-typescript": "^7.24.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "@types/node": "^20.11.30",
     "babel-node": "0.0.1-security",
-    "babel-plugin-module-resolver": "^5.0.2", 
+    "babel-plugin-module-resolver": "^5.0.2",
     "nodemon": "^3.1.0",
+    "rollup": "^4.18.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.4.5"
   },

apps/miniNext/rollup.config.js

@@ -0,0 +1,41 @@
+const babel = require('@rollup/plugin-babel');
+const resolve = require('@rollup/plugin-node-resolve');
+const extensions = ['.js', '.jsx', '.ts', '.tsx'];
+const path = require('path');
+console.log('path확인:', path.resolve('jsx-runtime.js'));
+module.exports = [
+  {
+    input: './public/index.tsx',
+    output: {
+      file: './dist/public/index.js',
+      format: 'es',
+    },
+    plugins: [
+      babel({
+        babelHelpers: 'bundled',
+        presets: ['@babel/preset-env', '@babel/preset-typescript'],
+        plugins: [
+          [
+            '@babel/plugin-transform-react-jsx',
+            { importSource: '@core', runtime: 'automatic' },
+          ],
+          [
+            'module-resolver',
+            {
+              alias: {
+                '@core/jsx-runtime': path.resolve(
+                  __dirname,
+                  'src/core/jsx-runtime'
+                ),
+              },
+            },
+          ],
+        ],
+        extensions,
+      }),
+      resolve({
+        extensions,
+      }),
+    ],
+  },
+];

apps/miniNext/src/app.tsx

@@ -4,7 +4,7 @@ import { createHTML } from '@core/createHTML';
 
 const app = express();
 const port = 3000;
-
+app.use(express.static('dist/public'));
 app.get('/', (req, res) => {
   const html = createHTML(<App />);
   res.send(html);