match versions

212ff5c0 · JYCHOI · 4cdec9d5 · 212ff5c0 · 212ff5c0 · 212ff5c0
Commit 212ff5c0 authored 2 years ago by JYCHOI
--- a/.babelrc
+++ b/.babelrc
+{
+    "presets": [
+        "@babel/preset-env",
+        "@babel/preset-react"
+    ]
+}
\ No newline at end of file
--- a/.gitignore
+++ b/.gitignore
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+package-lock.json
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
--- a/package.json
+++ b/package.json
@@ -18,9 +18,11 @@
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "webpack": "^5.73.0",
-    "webpack-cli": "^4.10.0"
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.13.2"
  },
  "scripts": {
+    "start": "webpack-dev-server --open --mode development --port 3000",
    "build": "webpack --mode development",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

--- a/dist/index.html
+++ b/dist/index.html
@@ -3,9 +3,10 @@
 	<head>
 		<title> muiBasic </title>
 		<meta charset="UTF-8"/>
+		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 	</head>
 	<body>
 		<div id="app"></div>
-		<script src="./bundle.js" type="text/javascript"></script>
+		<script src="./app.bundle.js" type="text/javascript"></script>
 	</body>
 </html>
--- a/webpack.config.js
+++ b/webpack.config.js
 const path = require('path');
+const webpack = require('webpack');

 module.exports = {
-  // enntry file
-  entry: './src/index.js',
-  // 컴파일 + 번들링된 js 파일이 저장될 경로와 이름 지정
+    entry: {
+        app: './src/index.js'
+    },
    output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'bundle.js'
+        filename: '[name].bundle.js',
+        path: path.resolve(__dirname, 'public')
    },
    module: {
-    rules: [
-      {
-        test: /\.js$/,
-        include: [
-          path.resolve(__dirname, 'src')
-        ],
+        rules: [{
+            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            use: {
-          loader: 'babel-loader',
-          options: {
-            presets: ['@babel/preset-env', '@babel/preset-react'],
-            plugins: ['@babel/plugin-proposal-class-properties']
-          }
+                loader: 'babel-loader'
            }
-      }
-    ]
+        }]
    },
-  devtool: 'source-map',
-  // https://webpack.js.org/concepts/mode/#mode-development
-  mode: 'development'
+    devServer: {
+        hot: true,
+        allowedHosts: 'all',
+    },
+    plugins: [
+        new webpack.HotModuleReplacementPlugin()
+    ]
 };
\ No newline at end of file
-