rollup.config.js

import commonjs from "@rollup/plugin-commonjs"
import resolve from "@rollup/plugin-node-resolve"
import copy from "rollup-plugin-copy"
import css from "rollup-plugin-css-only"
import livereload from "rollup-plugin-livereload"
import serve from "rollup-plugin-serve"
import svelte from "rollup-plugin-svelte"
import {terser} from "rollup-plugin-terser"
import image from "svelte-image"

const path = "dist"
const production = process.env.CONTEXT === "production"
const development = !production
const watch = !!process.env.ROLLUP_WATCH

const config = {
    input: "src/index.js",
    output: {
        file: `${path}/bundle.js`,
        sourcemap: development,
    },
    plugins: [
        svelte({
            compilerOptions: {
                dev: development,
            },
            preprocess: {
                ...image({
                    outputDir: "images",
                    publicDir: "static",
                    placeholder: "blur",
                }),
            },
        }),
        css({output: "bundle.css"}),
        resolve({browser: true}),
        commonjs(),
        copy({
            targets: [
                {src: "static/*", dest: path},
                {src: "static/.*", dest: path},
            ],
        }),
        production && terser(),
        watch &&
            serve({
                contentBase: path,
                port: 5000,
                historyApiFallback: true,
            }),
        watch && livereload(path),
    ],
}

export default config