wip: Dedupe CSS

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

Hide file tree

Showing 4 changed files with 17 additions and 1 deletion.
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,

diff --git a/tests/unit/config/jest.config.js b/tests/unit/config/jest.config.js
@@ -16,7 +16,7 @@ module.exports = {
     '^.+\\.vue$': '@vue/vue2-jest'
   },
   moduleNameMapper: {
-    '\\.(css|less)$': '<rootDir>/tests/unit/stubs/empty.js',
+    '\\.(css|less|scss)$': '<rootDir>/tests/unit/stubs/empty.js',
     '^@/(.*)$': '<rootDir>/$1',
     'core-js': '<rootDir>/node_modules/core-js',