fix: css bundling

airgap-it · Jan 13, 2025 · 45b7df8 · 45b7df8
1 parent fd142d6
commit 45b7df8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 85 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/beacon-ui/package.json b/packages/beacon-ui/package.json
@@ -49,7 +49,6 @@
     "@types/node": "^20.6.0",
     "@types/qrcode-svg": "^1.1.2",
     "rollup": "^3.29.1",
-    "rollup-plugin-import-css": "^3.3.3",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-svg": "^2.0.0",
     "rollup-plugin-typescript2": "^0.35.0",

diff --git a/packages/beacon-ui/rollup.config.mjs b/packages/beacon-ui/rollup.config.mjs
@@ -1,5 +1,4 @@
 import postcss from 'rollup-plugin-postcss'
-import css from 'rollup-plugin-import-css'
 import typescript from 'rollup-plugin-typescript2'
 import babel from '@rollup/plugin-babel'
 import terser from '@rollup/plugin-terser'
@@ -20,12 +19,11 @@ export default [
     plugins: [
       resolve({ extensions }),
       commonjs(),
-      // postcss({
-      //   extract: true,
-      //   minimize: true,
-      //   sourceMap: true,
-      // }),
-      css(),
+      postcss({
+        inject: true,
+        minimize: true,
+        sourceMap: true
+      }),
       typescript({
         tsconfig: 'tsconfig.json'
       }),
@@ -34,7 +32,7 @@ export default [
         babelHelpers: 'bundled',
         include: ['src/**/*'],
         presets: [['@babel/preset-react', { runtime: 'automatic' }]]
-      }),
+      })
       // terser()
     ]
   },
@@ -55,12 +53,11 @@ export default [
     plugins: [
       resolve({ extensions }),
       commonjs(),
-      // postcss({
-      //   extract: true,
-      //   minimize: true,
-      //   sourceMap: true,
-      // }),
-      css(),
+      postcss({
+        inject: true,
+        minimize: true,
+        sourceMap: true
+      }),
       typescript({
         tsconfig: 'tsconfig.json'
       }),
@@ -69,7 +66,7 @@ export default [
         babelHelpers: 'bundled',
         include: ['src/**/*'],
         presets: [['@babel/preset-react', { runtime: 'automatic' }]]
-      }),
+      })
       // terser()
     ]
   }