1차 데모_css

tukcomCD2024 · Mar 18, 2024 · 88a9c55 · 88a9c55
1 parent 64ff26e
commit 88a9c55
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 6 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -31,13 +31,17 @@
   "devDependencies": {
     "@types/react": "18.2.38",
     "@types/react-dom": "18.0.9",
+    "css-loader": "^6.10.0",
+    "customize-cra": "^1.0.0",
     "loader-utils": "3.2.1",
+    "react-app-rewired": "^2.2.1",
+    "style-loader": "^3.3.4",
     "typescript": "4.4.2"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-app-rewired test",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {

diff --git a/frontend/src/config-overrides.js b/frontend/src/config-overrides.js
@@ -0,0 +1,8 @@
+const { override, addWebpackModuleRule } = require('customize-cra');
+
+module.exports = override(
+  addWebpackModuleRule({
+    test: /\.css$/,
+    use: ['style-loader', 'css-loader'],
+  })
+);