🐛 Fix: mkcert devDependencies로 변경

prgrms-web-devcourse-final-project · Nov 17, 2024 · f699a1a · f699a1a
1 parent 1a8186a
commit f699a1a
Show file tree

Hide file tree

Showing 3 changed files with 77 additions and 54 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -24,7 +24,6 @@
     "styled-reset": "^4.5.2",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-dts": "^4.3.0",
-    "vite-plugin-mkcert": "^1.17.6",
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^5.1.2",
     "zustand": "^5.0.1"
@@ -50,6 +49,7 @@
     "typescript-eslint": "^8.11.0",
     "vite": "^5.2.10",
     "vite-plugin-compression2": "^1.3.1",
+    "vite-plugin-mkcert": "^1.17.6",
     "vite-plugin-pwa": "^0.20.5",
     "workbox-core": "^7.1.0",
     "workbox-precaching": "^7.1.0",

diff --git a/vite.config.ts b/vite.config.ts
@@ -8,57 +8,55 @@ import svgr from 'vite-plugin-svgr'
 import tsconfigPaths from 'vite-tsconfig-paths'
 
 // https://vitejs.dev/config/
-export default defineConfig(({ mode }) => {
-  return {
-    server: {
-      port: 3000,
-    },
-    plugins: [
-      react(),
-      tsconfigPaths(),
-      ...(mode === 'development' ? [mkcert()] : []),
-      svgr(),
-      dts(),
-      compression(),
-      VitePWA({
-        strategies: 'injectManifest',
-        srcDir: 'src',
-        filename: 'sw.ts',
-        registerType: 'prompt',
-        injectRegister: false,
+export default defineConfig({
+  server: {
+    port: 3000,
+  },
+  plugins: [
+    react(),
+    tsconfigPaths(),
+    mkcert(),
+    svgr(),
+    dts(),
+    compression(),
+    VitePWA({
+      strategies: 'injectManifest',
+      srcDir: 'src',
+      filename: 'sw.ts',
+      registerType: 'prompt',
+      injectRegister: false,
 
-        pwaAssets: {
-          disabled: false,
-          config: true,
-        },
+      pwaAssets: {
+        disabled: false,
+        config: true,
+      },
 
-        manifest: {
-          name: 'DDang',
-          short_name: 'DDang',
-          description: '반려견 산책 서비스',
-          theme_color: '#ffffff',
-        },
+      manifest: {
+        name: 'DDang',
+        short_name: 'DDang',
+        description: '반려견 산책 서비스',
+        theme_color: '#ffffff',
+      },
 
-        injectManifest: {
-          globPatterns: ['**/*.{js,css,html,svg,png,ico}'],
-        },
+      injectManifest: {
+        globPatterns: ['**/*.{js,css,html,svg,png,ico}'],
+      },
 
-        devOptions: {
-          enabled: true,
-          navigateFallback: 'index.html',
-          suppressWarnings: true,
-          type: 'module',
-        },
-      }),
-    ],
-    build: {
-      rollupOptions: {
-        output: {
-          manualChunks: {
-            vendor: ['react', 'react-dom'],
-          },
+      devOptions: {
+        enabled: true,
+        navigateFallback: 'index.html',
+        suppressWarnings: true,
+        type: 'module',
+      },
+    }),
+  ],
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          vendor: ['react', 'react-dom'],
         },
       },
     },
-  }
+  },
 })