inject css so it’s loaded as an external dependency

Author: bufferhead-code

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bufferhead/nightowl",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,6 +12,11 @@
     "postcss": "^8.4.31",
     "postcss-nesting": "^12.0.1",
     "typescript": "^5.2.2",
-    "vite": "^5.0.0"
-  }
+    "vite": "^5.0.0",
+    "vite-plugin-lib-inject-css": "^1.3.0"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ]
+
 }

vite.config.js

@@ -1,8 +1,12 @@
 // vite.config.js
 import { resolve } from 'path'
 import { defineConfig } from 'vite'
+import { libInjectCss } from 'vite-plugin-lib-inject-css';
 
 export default defineConfig({
+    plugins: [
+        libInjectCss(), // For a simple usage
+    ],
     build: {
         lib: {
             // Could also be a dictionary or array of multiple entry points
@@ -11,8 +15,10 @@ export default defineConfig({
             // the proper extensions will be added
             fileName: 'nightowl',
         },
-        rollupOptions: {
-
-        },
-    },
+        rollupOption: {
+            output: {
+                intro: 'import "./style.css";',
+            }
+        }
+    }
 })