dump reveal.css to dist/style.css

apps/app/src/client/components/Presentation/Slides.tsx

@@ -4,8 +4,6 @@ import {
   Slides as SlidesSubstance,
 } from '@growi/presentation/dist/client';
 
-import './Presentation.vendor-styles.prebuilt';
-
 export const Slides = (props: SlidesProps): JSX.Element => {
   return <SlidesSubstance {...props} />;
 };

packages/presentation/package.json

@@ -30,6 +30,8 @@
   },
   "scripts": {
     "build": "vite build",
+    "build:src": "vite build",
+    "build:vendor-styles": "vite build --config vite.vendor-styles.ts",
     "clean": "shx rm -rf dist",
     "dev": "vite build --mode dev",
     "watch": "pnpm run dev -w --emptyOutDir=false",

packages/presentation/src/client/components/Presentation.tsx

@@ -4,6 +4,8 @@ import Reveal from 'reveal.js';
 import type { PresentationOptions } from '../consts';
 import { Slides } from './Slides';
 
+import 'reveal.js/dist/reveal.css';
+
 import styles from './Presentation.module.scss';
 
 const moduleClass = styles['grw-presentation'] ?? '';

packages/presentation/vite.config.ts

@@ -14,6 +14,7 @@ export default defineConfig({
       ...nodeExternals({
         devDeps: true,
         builtinsPrefix: 'ignore',
+        exclude: [/\.css$/],
       }),
       enforce: 'pre',
     },