wip: Dedupe CSS

owncloud · Nov 29, 2022 · feededc · feededc
1 parent 0f280b8
commit feededc
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/packages/design-system/src/styles/styles.scss b/packages/design-system/src/styles/styles.scss
@@ -20,3 +20,5 @@
 @import "theme/oc-visibility";
 @import "theme/oc-width";
 @import "theme/tooltip";
+
+/* SHITTY MARKER */
diff --git a/packages/web-runtime/src/App.vue b/packages/web-runtime/src/App.vue
@@ -42,6 +42,8 @@
   </div>
 </template>
 <script lang="ts">
+import '../../design-system/src/styles/styles.scss'
+
 import { mapGetters, mapState, mapActions } from 'vuex'
 import SkipTo from './components/SkipTo.vue'
 import LayoutApplication from './layouts/Application.vue'

diff --git a/rollup.config.mjs b/rollup.config.mjs
@@ -44,6 +44,18 @@ const __filename = fileURLToPath(import.meta.url)
 const projectRootDir = dirname(__filename)
 
 const plugins = [
+  {
+    transform(src, id) {
+      if (id.includes('rollup-plugin-vue=styles')) {
+        const split = src.split('/* SHITTY MARKER */')
+        const newSrc = split[split.length-1]
+        return {
+          code: newSrc,
+          map: null
+        }
+      }
+    }
+  },
   postcss({
     extract: path.join('css', 'web.css'),
     minimize: production,