chore: alias, css-loader, proxy 설정

Author: devkimc

config/webpack.common.js

@@ -25,6 +25,9 @@ module.exports = {
   ],
 
   resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "../src/"),
+    },
     extensions: [".js", ".jsx", ".ts", ".tsx", ".css", ".json"],
   },
 

config/webpack.dev.js

@@ -5,24 +5,22 @@ module.exports = merge(common, {
   mode: "development",
   devtool: "inline-source-map",
   devServer: {
-    open: true,
+    open: false,
     hot: true,
     compress: true,
     port: 3000,
     historyApiFallback: true,
     liveReload: true,
+    // proxy: {
+    //   "/api": { target: "http://localhost:9000" },
+    // },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(sa|sc|c)ss$/i,
+        use: ["style-loader", "css-loader"], // 필요에 따라 sass-loader 추가
+      },
+    ],
   },
-  //   output: {
-  //     filename: "bundle.js",
-  //     publicPath: "/",
-  //   },
-  // styled-component 를 사용하므로 주석
-  //   module: {
-  //     rules: [
-  //       {
-  //         test: /\.(sa|sc|c)ss$/i,
-  //         use: ["style-loader", "css-loader", "sass-loader"],
-  //       },
-  //     ],
-  //   },
 });