rollup.config.dev.js

import typescript from '@rollup/plugin-typescript';
import nodeResolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
const postcss = require('rollup-plugin-postcss')

export default {
    input: "client/main.ts",
    output: {
        name: "PychessVariants",
        file: "static/pychess-variants.js",
        format: "iife",
        sourcemap: "inline",
    },
    plugins: [
        nodeResolve(),
        postcss({
          config: false, // don't attempt to load a postcss config
          // extract: true
          // ^^^ for writing CSS to a separate file (dist/main.css).
          // in rollup v2, this writes CSS rules in wrong order (https://github.com/egoist/rollup-plugin-postcss/issues/96)
          // so, disable for now, and allow the CSS to be embedded in the JS
        }),
        commonjs(),
        typescript(),
    ],
}