feat: next bundle 분석 코드 추가 및 ui 트리쉐이킹 적용

choooz · Oct 17, 2023 · 2caf462 · 2caf462
1 parent b37a5de
commit 2caf462
Show file tree

Hide file tree

Showing 5 changed files with 272 additions and 3 deletions.
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/apps/jurumarble/next.config.js b/apps/jurumarble/next.config.js
@@ -1,4 +1,8 @@
 console.log("START");
+const withBundleAnalyzer = require("@next/bundle-analyzer")({
+  enabled: process.env.ANALYZE === "true",
+});
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   swcMinify: true,
@@ -27,4 +31,9 @@ const nextConfig = {
   },
 };
 
-module.exports = nextConfig;
+module.exports = (_phase) => {
+  const plugins = [withBundleAnalyzer];
+  return plugins.reduce((acc, plugin) => plugin(acc), {
+    ...nextConfig,
+  });
+};
diff --git a/apps/jurumarble/package.json b/apps/jurumarble/package.json
@@ -5,6 +5,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
+    "analyze": "ANALYZE=true yarn build",
     "start": "next start",
     "lint": "next lint",
     "gen": "svgr --index-template src/assets/icons/templates/indexTemplate.cjs  --config-file src/assets/icons/config/basic.config.cjs",
@@ -15,6 +16,7 @@
     "@emotion/is-prop-valid": "^1.2.1",
     "@monorepo/hooks": "workspace:*",
     "@monorepo/ui": "workspace:*",
+    "@next/bundle-analyzer": "13.3.5-canary.9",
     "@react-hookz/web": "^23.1.0",
     "@tanstack/react-query": "^4.33.0",
     "@tanstack/react-query-devtools": "^4.33.0",

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -3,6 +3,7 @@
   "packageManager": "yarn@3.3.0",
   "version": "0.1.0",
   "description": "",
+  "sideEffects": false,
   "main": "index.ts",
   "author": "",
   "license": "ISC",