import commonjs from "@rollup/plugin-commonjs"; import resolve from "@rollup/plugin-node-resolve"; import typescript from "@rollup/plugin-typescript"; import autoprefixer from "autoprefixer"; import child_process from "child_process"; import postcss from "postcss"; import css from "rollup-plugin-css-only"; import livereload from "rollup-plugin-livereload"; import scss from "rollup-plugin-scss"; import svelte from "rollup-plugin-svelte"; import { terser } from "rollup-plugin-terser"; import sveltePreprocess from "svelte-preprocess"; const production = !process.env.ROLLUP_WATCH; function serve() { let server; function toExit() { if (server) server.kill(0); } return { writeBundle() { if (server) return; server = child_process.spawn("npm", ["run", "start", "--", "--dev"], { stdio: ["ignore", "inherit", "inherit"], shell: true, }); process.on("SIGTERM", toExit); process.on("exit", toExit); }, }; } export default { input: "src/main.ts", output: { sourcemap: true, format: "iife", name: "app", file: "public/build/bundle.js", }, plugins: [ svelte({ preprocess: sveltePreprocess({ sourceMap: true, scss: scss({ outputStyle: production ? "compressed" : "expanded", }), postcss: postcss([autoprefixer()]), }), compilerOptions: { // enable run-time checks when not in production dev: !production, }, }), // these are necessary for non-component styles // located in ./src/styles/*.scss scss({ outputStyle: production ? "compressed" : "expanded", }), // css({ output: "bundle.css" }), // Redundant postcss([autoprefixer()]), // If you have external dependencies installed from // npm, you'll most likely need these plugins. In // some cases you'll need additional configuration - // consult the documentation for details: // https://github.com/rollup/plugins/tree/master/packages/commonjs resolve({ browser: true, dedupe: ["svelte"], }), // commonjs(), typescript({ sourceMap: true, inlineSources: !production, }), // In dev mode, call `npm run start` once // the bundle has been generated !production && serve(), // Watch the `public` directory and refresh the // browser on changes when not in production !production && livereload("public"), // If we're building for production (npm run build // instead of npm run dev), minify production && terser(), ], watch: { clearScreen: false, }, };