[업데이트] webpack 환경 구현

.gitignore

@@ -0,0 +1 @@
+node_modules

frontend/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "frontend",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.8.4",
+    "@babel/core": "^7.9.0",
+    "@babel/preset-env": "^7.9.0",
+    "babel-loader": "^8.1.0",
+    "css-loader": "^3.4.2",
+    "style-loader": "^1.1.3",
+    "webpack": "^4.42.0",
+    "webpack-cli": "^3.3.11"
+  }
+}

frontend/signUp.html

@@ -186,7 +186,7 @@ <h3 class="join_title"><label for="interest">관심사</label></h3>
         </div>
       </div>
     </div>
-    <script src="./js/signUp.js" type="module"></script>
-  <script src="./js/signUp_ellin.js" type="module"></script>
+    <script src="/public/signup_bundle.js"></script>
+  <script src="/public/signUp_ellin_bundle.js"></script>
   </body>
 </html>

webpack.config.js

@@ -0,0 +1,34 @@
+const path = require("path");
+
+module.exports = {
+  mode: "development",
+  entry: { signup: "./js/signUp.js", signUp_ellin: "./js/signUp_ellin.js" },
+  output: {
+    path: path.resolve(__dirname, "public"),
+    filename: "[name]_bundle.js"
+  },
+  module: {
+    rules: [
+      { test: /\.css$/, use: ["style-loader", "css-loader"] },
+      {
+        test: /\.js$/,
+        include: path.resolve(__dirname, "src"),
+        use: {
+          loader: "babel-loader",
+          options: {
+            presets: [
+              [
+                "@babel/preset-env",
+                {
+                  targets: {
+                    browsers: ["last 2 versions"]
+                  }
+                }
+              ]
+            ]
+          }
+        }
+      }
+    ]
+  }
+};