fix: remove third party styles from build

fancy-crud · Jun 19, 2023 · dbef67a · dbef67a
1 parent 461a557
commit dbef67a
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 7 deletions.
diff --git a/demo/main.ts b/demo/main.ts
@@ -7,7 +7,7 @@ import Oruga from '@oruga-ui/oruga-next'
 import { defaultCustomization, fields, table, utils } from '../src'
 import App from './App.vue'
 
-import '../src/styles/index.sass'
+import './styles/main.sass'
 
 axios.defaults.baseURL = 'http://localhost:9000/api/'
 

diff --git a/demo/styles/main.sass b/demo/styles/main.sass
@@ -1,3 +1,9 @@
+
+@import '@mdi/font/css/materialdesignicons.css'
+@import '@oruga-ui/oruga-next/dist/oruga-full.css'
+@import '@fancy-crud/vue/dist/fancy-crud-vue.css'
+@import '@/styles/index.sass'
+
 :root
   --oruga-variant-danger: red
 

diff --git a/package.json b/package.json
@@ -35,7 +35,7 @@
   },
   "peerDependencies": {
     "@fancy-crud/core": "^1.4.0",
-    "@fancy-crud/vue": "^1.0.0",
+    "@fancy-crud/vue": "^1.5.2",
     "@oruga-ui/oruga-next": "^0.6.0",
     "@vueuse/core": "^9.9.0",
     "esno": "0.10.0",
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@fancy-crud/core": "^1.4.0",
-    "@fancy-crud/vue": "^1.0.0",
+    "@fancy-crud/vue": "^1.5.2",
     "@oruga-ui/oruga-next": "^0.6.0",
     "@vueuse/core": "^9.9.0",
     "esno": "0.10.0",

diff --git a/src/styles/index.sass b/src/styles/index.sass
@@ -2,9 +2,5 @@
 @tailwind components
 @tailwind utilities
 
-@import '@mdi/font/css/materialdesignicons.css'
-@import '@oruga-ui/oruga-next/dist/oruga-full.css'
-@import '@fancy-crud/vue/dist/fancy-crud-vue.css'
-
 @import './themes/default/common/index.sass'
 @import './themes/default/form/index.sass'
diff --git a/vite.config.ts b/vite.config.ts
@@ -22,6 +22,12 @@ export default defineConfig({
     rollupOptions: {
       external: ['vue', '@oruga-ui/oruga-next', '@fancy-crud/core', '@fancy-crud/vue'],
       output: {
+        assetFileNames: (assetInfo) => {
+          if (!assetInfo.name || assetInfo.name === 'style.css')
+            return 'fancy-crud-oruga-wrapper.css'
+          return assetInfo.name
+        },
+        exports: 'named',
         globals: {
           vue: 'Vue',
         },