rollup.config.js

   1 import svelte from 'rollup-plugin-svelte';
   2 import commonjs from '@rollup/plugin-commonjs';
   3 import resolve from '@rollup/plugin-node-resolve';
   4 import livereload from 'rollup-plugin-livereload';
   5 import { terser } from 'rollup-plugin-terser';
   6 import css from 'rollup-plugin-css-only';
   7 import { readFileSync, writeFileSync } from 'fs';
   8
   9 const production = !process.env.ROLLUP_WATCH;
  10
  11 function serve() {
  12   let server;
  13
  14   function toExit() {
  15     if (server) server.kill(0);
  16   }
  17
  18   return {
  19     writeBundle() {
  20       if (server) return;
  21       server = require('child_process').spawn('yarn', ['start', '-d'], {
  22         stdio: ['ignore', 'inherit', 'inherit'],
  23         shell: true
  24       });
  25
  26       process.on('SIGTERM', toExit);
  27       process.on('exit', toExit);
  28     }
  29   };
  30 }
  31
  32 export default {
  33   input: 'src/main.js',
  34   output: {
  35     sourcemap: true,
  36     format: 'iife',
  37     name: 'app',
  38     file: 'dist/build/bundle.js'
  39   },
  40   plugins: [
  41     svelte({
  42       compilerOptions: {
  43         // enable run-time checks when not in production
  44         dev: !production
  45       }
  46     }),
  47     css({
  48       output: function (styles, styleNodes) {
  49         // make sure global_styles.css gets appended to bundle.css,
  50         // not prepended.
  51         // The ':global()' rules (https://svelte.dev/docs#style) get
  52         // prepended so we can't use them to overwrite bootstrap.css
  53         // rules
  54         let global_styles = readFileSync('src/global_style.css');
  55         styles += global_styles;
  56         writeFileSync('dist/build/bundle.css', styles);
  57       }
  58     }),
  59
  60     // If you have external dependencies installed from
  61     // npm, you'll most likely need these plugins. In
  62     // some cases you'll need additional configuration -
  63     // consult the documentation for details:
  64     // https://github.com/rollup/plugins/tree/master/packages/commonjs
  65     resolve({
  66       browser: true,
  67       dedupe: ['svelte']
  68     }),
  69     commonjs(),
  70
  71     // In dev mode, call `npm run start` once
  72     // the bundle has been generated
  73     !production && serve(),
  74
  75     // Watch the `dist` directory and refresh the
  76     // browser on changes when not in production
  77     !production && livereload('dist'),
  78
  79     // If we're building for production (npm run build
  80     // instead of npm run dev), minify
  81     production && terser()
  82   ],
  83   watch: {
  84     clearScreen: false
  85   }
  86 };