Merge pull request #606 from Spiral-Memory/feat/improve_monorepo_build

feat: improve pkg size while bundled
RocketChat · Jul 10, 2024 · 6552501 · 6552501
2 parents 5248ecb + a16b4c5
commit 6552501
Show file tree

Hide file tree

Showing 9 changed files with 37 additions and 33 deletions.
diff --git a/packages/markups/package.json b/packages/markups/package.json
@@ -58,7 +58,6 @@
         "rimraf": "^5.0.1",
         "rollup": "^2.70.1",
         "rollup-plugin-analyzer": "^4.0.0",
-        "rollup-plugin-bundle-size": "^1.0.3",
         "rollup-plugin-dts": "^6.1.1",
         "rollup-plugin-peer-deps-external": "^2.2.4",
         "rollup-plugin-postcss": "^4.0.2",

diff --git a/packages/markups/rollup.config.js b/packages/markups/rollup.config.js
@@ -4,29 +4,33 @@ import babel from '@rollup/plugin-babel';
 import postcss from 'rollup-plugin-postcss';
 import external from 'rollup-plugin-peer-deps-external';
 import json from '@rollup/plugin-json';
-import bundleSize from 'rollup-plugin-bundle-size';
 import { terser } from 'rollup-plugin-terser';
 import replace from '@rollup/plugin-replace';
 import analyze from 'rollup-plugin-analyzer';
 import dts from 'rollup-plugin-dts';
 
-const packageJson = require('./package.json');
 const PRODUCTION = process.env.NODE_ENV === 'production';
 
 export default [
   {
     input: 'src/index.js',
     output: [
       {
-        file: packageJson.main,
+        dir: 'dist/cjs',
         format: 'cjs',
-        sourcemap: true,
+        sourcemap: 'hidden',
+        preserveModules: true,
+        preserveModulesRoot: 'src',
         plugins: [PRODUCTION && terser()],
+        exports: 'auto',
       },
+
       {
-        file: packageJson.module,
+        dir: 'dist/esm',
         format: 'esm',
-        sourcemap: true,
+        sourcemap: 'hidden',
+        preserveModules: true,
+        preserveModulesRoot: 'src',
         plugins: [PRODUCTION && terser()],
       },
     ],
@@ -63,14 +67,13 @@ export default [
         limit: 20,
         summaryOnly: true,
       }),
-      bundleSize(),
     ],
   },
 
   {
     input: 'src/index.js',
     output: {
-      file: packageJson.types,
+      file: 'dist/esm/index.d.ts',
       format: 'es',
     },
     plugins: [dts()],

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -13,7 +13,7 @@
   ],
   "scripts": {
     "prebuild": "rimraf dist",
-    "build": "rollup -c --context=window --environment NODE_ENV:production",
+    "build": "yarn prebuild && rollup -c --context=window --environment NODE_ENV:production",
     "watch": "rollup -c --watch --context=window",
     "test:lint": "eslint src/**/*.js",
     "format": "prettier --write 'src/' ",

diff --git a/packages/ui-elements/.eslintignore b/packages/ui-elements/.eslintignore
@@ -1,2 +1,3 @@
 rollup.config.js
 *.test.js
+dist/
diff --git a/packages/ui-elements/package.json b/packages/ui-elements/package.json
@@ -14,7 +14,7 @@
     ],
     "scripts": {
         "prebuild": "rimraf dist",
-        "build": "rollup -c --context=window --environment NODE_ENV:production",
+        "build": "yarn prebuild && rollup -c --context=window --environment NODE_ENV:production",
         "watch": "rollup -c --watch --context=window",
         "test:lint": "eslint src/**/*.js",
         "format": "prettier --write 'src/' ",
@@ -70,7 +70,6 @@
         "rimraf": "^5.0.1",
         "rollup": "^2.70.1",
         "rollup-plugin-analyzer": "^4.0.0",
-        "rollup-plugin-bundle-size": "^1.0.3",
         "rollup-plugin-dts": "^6.1.1",
         "rollup-plugin-peer-deps-external": "^2.2.4",
         "rollup-plugin-postcss": "^4.0.2",

diff --git a/packages/ui-elements/rollup.config.js b/packages/ui-elements/rollup.config.js
@@ -4,29 +4,33 @@ import babel from '@rollup/plugin-babel';
 import postcss from 'rollup-plugin-postcss';
 import external from 'rollup-plugin-peer-deps-external';
 import json from '@rollup/plugin-json';
-import bundleSize from 'rollup-plugin-bundle-size';
 import { terser } from 'rollup-plugin-terser';
 import replace from '@rollup/plugin-replace';
 import analyze from 'rollup-plugin-analyzer';
 import dts from 'rollup-plugin-dts';
 
-const packageJson = require('./package.json');
 const PRODUCTION = process.env.NODE_ENV === 'production';
 
 export default [
   {
     input: 'src/index.js',
     output: [
       {
-        file: packageJson.main,
+        dir: 'dist/cjs',
         format: 'cjs',
-        sourcemap: true,
+        sourcemap: 'hidden',
+        preserveModules: true,
+        preserveModulesRoot: 'src',
         plugins: [PRODUCTION && terser()],
+        exports: 'auto',
       },
+
       {
-        file: packageJson.module,
+        dir: 'dist/esm',
         format: 'esm',
-        sourcemap: true,
+        sourcemap: 'hidden',
+        preserveModules: true,
+        preserveModulesRoot: 'src',
         plugins: [PRODUCTION && terser()],
       },
     ],
@@ -58,14 +62,13 @@ export default [
         limit: 20,
         summaryOnly: true,
       }),
-      bundleSize(),
     ],
   },
 
   {
     input: 'src/index.js',
     output: {
-      file: packageJson.types,
+      file: 'dist/esm/index.d.ts',
       format: 'es',
     },
     plugins: [dts()],

diff --git a/packages/ui-kit/package.json b/packages/ui-kit/package.json
@@ -14,7 +14,7 @@
     ],
     "scripts": {
         "prebuild": "rimraf dist",
-        "build": "rollup -c --context=window --environment NODE_ENV:production",
+        "build": "yarn prebuild && rollup -c --context=window --environment NODE_ENV:production",
         "watch": "rollup -c --watch --context=window",
         "test:lint": "eslint src/**/*.js",
         "format": "prettier --write 'src/' ",
@@ -60,7 +60,6 @@
         "rimraf": "^5.0.1",
         "rollup": "^2.70.1",
         "rollup-plugin-analyzer": "^4.0.0",
-        "rollup-plugin-bundle-size": "^1.0.3",
         "rollup-plugin-dts": "^6.1.1",
         "rollup-plugin-peer-deps-external": "^2.2.4",
         "rollup-plugin-postcss": "^4.0.2",

diff --git a/packages/ui-kit/rollup.config.js b/packages/ui-kit/rollup.config.js
@@ -4,29 +4,33 @@ import babel from '@rollup/plugin-babel';
 import postcss from 'rollup-plugin-postcss';
 import external from 'rollup-plugin-peer-deps-external';
 import json from '@rollup/plugin-json';
-import bundleSize from 'rollup-plugin-bundle-size';
 import { terser } from 'rollup-plugin-terser';
 import replace from '@rollup/plugin-replace';
 import analyze from 'rollup-plugin-analyzer';
 import dts from 'rollup-plugin-dts';
 
-const packageJson = require('./package.json');
 const PRODUCTION = process.env.NODE_ENV === 'production';
 
 export default [
   {
     input: 'src/index.js',
     output: [
       {
-        file: packageJson.main,
+        dir: 'dist/cjs',
         format: 'cjs',
-        sourcemap: true,
+        sourcemap: 'hidden',
+        preserveModules: true,
+        preserveModulesRoot: 'src',
         plugins: [PRODUCTION && terser()],
+        exports: 'auto',
       },
+
       {
-        file: packageJson.module,
+        dir: 'dist/esm',
         format: 'esm',
-        sourcemap: true,
+        sourcemap: 'hidden',
+        preserveModules: true,
+        preserveModulesRoot: 'src',
         plugins: [PRODUCTION && terser()],
       },
     ],
@@ -64,14 +68,13 @@ export default [
         limit: 20,
         summaryOnly: true,
       }),
-      bundleSize(),
     ],
   },
 
   {
     input: 'src/index.js',
     output: {
-      file: packageJson.types,
+      file: 'dist/esm/index.d.ts',
       format: 'es',
     },
     plugins: [dts()],

diff --git a/yarn.lock b/yarn.lock
@@ -2311,7 +2311,6 @@ __metadata:
     rimraf: ^5.0.1
     rollup: ^2.70.1
     rollup-plugin-analyzer: ^4.0.0
-    rollup-plugin-bundle-size: ^1.0.3
     rollup-plugin-dts: ^6.1.1
     rollup-plugin-peer-deps-external: ^2.2.4
     rollup-plugin-postcss: ^4.0.2
@@ -2513,7 +2512,6 @@ __metadata:
     rimraf: ^5.0.1
     rollup: ^2.70.1
     rollup-plugin-analyzer: ^4.0.0
-    rollup-plugin-bundle-size: ^1.0.3
     rollup-plugin-dts: ^6.1.1
     rollup-plugin-peer-deps-external: ^2.2.4
     rollup-plugin-postcss: ^4.0.2
@@ -2574,7 +2572,6 @@ __metadata:
     rimraf: ^5.0.1
     rollup: ^2.70.1
     rollup-plugin-analyzer: ^4.0.0
-    rollup-plugin-bundle-size: ^1.0.3
     rollup-plugin-dts: ^6.1.1
     rollup-plugin-peer-deps-external: ^2.2.4
     rollup-plugin-postcss: ^4.0.2