rollup.config.js

import typescript from '@rollup/plugin-typescript';
import { nodeResolve } from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import postcss from 'rollup-plugin-postcss';
import postcss_url from 'postcss-url';
import copy from 'rollup-plugin-copy';
import image from '@rollup/plugin-image';
import svelte from 'rollup-plugin-svelte';
import { sveltePreprocess } from 'svelte-preprocess';

const isProd = process.env.BUILD === 'production';

const banner = `/*
THIS IS A GENERATED/BUNDLED FILE BY ROLLUP
if you want to view the source visit the plugins github repository
*/
`;

export default {
    input: 'src/main.ts',
    output: {
        dir: process.env.BUILD === 'development' ? '.' : './dist',
        sourcemap: isProd ? false : 'inline',
        sourcemapExcludeSources: isProd,
        format: 'cjs',
        exports: 'default',
        banner,
    },
    external: [
        'obsidian',
        '@codemirror/view',
        '@codemirror/state',
        'codemirror',
    ],
    plugins: [
        image(),
        svelte({
            preprocess: sveltePreprocess(),
            compilerOptions: {
                css: true,
            },
        }),
        nodeResolve({
            browser: true,
            exportConditions: ['svelte'],
            extensions: ['.mjs', '.js', '.json', '.node', '.ts', '.svelte'],
        }),
        typescript(),
        image(),
        commonjs(),
        postcss({
            extensions: ['.css'],
            plugins: [postcss_url({ url: 'inline' })],
        }),
        ...(process.env.BUILD !== 'development'
            ? [
                  copy({
                      targets: [
                          { src: './manifest.json', dest: 'dist' },
                          { src: './styles.css', dest: 'dist' },
                      ],
                  }),
              ]
            : []),
    ],
};