Fix syntax of config example

[nominatim-ui.git] / rollup.config.js

diff --git a/rollup.config.js b/rollup.config.js
index 7584f85bd319d753627045a4383acb1b6a69950b..b3a25b4bf19cc23f89af9cb14a4d8494027a29e8 100644 (file)
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -4,6 +4,7 @@ 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 { readFileSync, writeFileSync } from 'fs';
 
 const production = !process.env.ROLLUP_WATCH;
 
@@ -17,7 +18,7 @@ function serve() {
        return {
                writeBundle() {
                        if (server) return;
-                       server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
+                       server = require('child_process').spawn('yarn', ['start', '-d'], {
                                stdio: ['ignore', 'inherit', 'inherit'],
                                shell: true
                        });
@@ -43,9 +44,18 @@ export default {
                                dev: !production
                        }
                }),
-               // we'll extract any component CSS out into
-               // a separate file - better for performance
-               css({ output: 'bundle.css' }),
+               css({
+                 output: function (styles, styleNodes) {
+                       // make sure global_styles.css gets appended to bundle.css,
+                       // not prepended.
+                       // The ':global()' rules (https://svelte.dev/docs#style) get
+                       // prepended so we can't use them to overwrite bootstrap.css
+                       // rules
+                       let global_styles = readFileSync('src/global_style.css');
+                       styles += global_styles;
+                   writeFileSync('dist/build/bundle.css', styles);
+                 }
+               }),
 
                // If you have external dependencies installed from
                // npm, you'll most likely need these plugins. In