update svelte-rollup example

Aravin · Oct 13, 2021 · 2628302 · 2628302
1 parent e32412d
commit 2628302
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 76 deletions.
diff --git a/examples/svelte-rollup/package.json b/examples/svelte-rollup/package.json
@@ -15,8 +15,8 @@
     "postcss": "^8.3.0",
     "postcss-load-config": "^3.0.1",
     "rollup": "^2.3.4",
-    "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-livereload": "^2.0.0",
+    "rollup-plugin-postcss": "^4.0.1",
     "rollup-plugin-svelte": "^7.0.0",
     "rollup-plugin-terser": "^7.0.0",
     "svelte": "^3.0.0",

diff --git a/examples/svelte-rollup/public/global.css b/examples/svelte-rollup/public/global.css
diff --git a/examples/svelte-rollup/public/index.html b/examples/svelte-rollup/public/index.html
@@ -7,8 +7,6 @@
 	<title>Svelte app</title>
 
 	<link rel='icon' type='image/png' href='/favicon.png'>
-	<link rel='stylesheet' href='/global.css'>
-	<link rel='stylesheet' href='/build/bundle.css'>
 
 	<script defer src='/build/bundle.js'></script>
 </head>

diff --git a/examples/svelte-rollup/rollup.config.js b/examples/svelte-rollup/rollup.config.js
@@ -3,7 +3,7 @@ import commonjs from '@rollup/plugin-commonjs';
 import resolve from '@rollup/plugin-node-resolve';
 import livereload from 'rollup-plugin-livereload';
 import { terser } from 'rollup-plugin-terser';
-import css from 'rollup-plugin-css-only';
+import postcss from 'rollup-plugin-postcss'
 import sveltePreprocess from "svelte-preprocess";
 
 const production = !process.env.ROLLUP_WATCH;
@@ -45,12 +45,13 @@ export default {
 			},
 			preprocess: sveltePreprocess({
         sourceMap: !production,
-        postcss: true,
       }),
 		}),
 		// we'll extract any component CSS out into
 		// a separate file - better for performance
-		css({ output: 'bundle.css' }),
+		postcss({
+      plugins: []
+    }),
 
 		// If you have external dependencies installed from
 		// npm, you'll most likely need these plugins. In

diff --git a/examples/svelte-rollup/src/App.svelte b/examples/svelte-rollup/src/App.svelte
@@ -25,9 +25,3 @@
   </div>
 
 </main>
-
-<style global>
-  @tailwind base;
-  @tailwind components;
-  @tailwind utilities;
-</style>
diff --git a/examples/svelte-rollup/src/main.js b/examples/svelte-rollup/src/main.js
@@ -1,7 +1,8 @@
 import App from './App.svelte';
+import './style.css'
 
 const app = new App({
 	target: document.body,
 });
 
-export default app;
+export default app;
diff --git a/examples/svelte-rollup/src/style.css b/examples/svelte-rollup/src/style.css
@@ -0,0 +1,4 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+