From ff41df4d6b4a2bb5528a24a646e00118a3ebad86 Mon Sep 17 00:00:00 2001 From: "maxime.batista" Date: Thu, 2 Nov 2023 19:18:51 +0100 Subject: [PATCH] fix css inclusion on production build --- package.json | 1 + vite.config.ts | 8 ++++++-- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 0af1e0e..4399c64 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "react-dom": "^18.2.0", "typescript": "^5.2.2", "vite": "^4.5.0", + "vite-plugin-css-injected-by-js": "^3.3.0", "web-vitals": "^2.1.4" }, "scripts": { diff --git a/vite.config.ts b/vite.config.ts index af2a9bb..82f9796 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,6 +1,7 @@ import {defineConfig} from "vite"; -import react from '@vitejs/plugin-react' +import react from '@vitejs/plugin-react'; import fs from "fs"; +import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'; function resolve_entries(dirname: string): [string, string][] { @@ -33,6 +34,9 @@ export default defineConfig({ } }, plugins: [ - react() + react(), + cssInjectedByJsPlugin({ + relativeCSSInjection: true, + }) ] })