rollup.config.ts

import {resolve, join} from "path";
import {
	defaultOutputConfig,
	defaultPlugins,
	defaultProdPlugins,
	defaultServePlugins,
	isProd,
	isServe
} from "./dist/lib/index.esm";

const folders = {
	dist: resolve(__dirname, "dist/demo"),
	src: resolve(__dirname, "src/demo"),
	src_assets: resolve(__dirname, "src/demo/assets"),
	dist_assets: resolve(__dirname, "dist/demo/assets")
};

const files = {
	main: join(folders.src, "main.ts"),
	src_index: join(folders.src, "index.html"),
	dist_index: join(folders.dist, "index.html")
};

export default {
	input: {
		main: files.main
	},
	output: [
		defaultOutputConfig({
			dir: folders.dist,
			format: "esm"
		})
	],
	plugins: [
		// @ts-ignore
		...defaultPlugins({
			replaceConfig: {
				resources: [
					(isProd ?
						[resolve(__dirname, "src/demo/env.ts"), resolve(__dirname, "src/demo/env.prod.ts")]
					: [])
				]
			},
			copyConfig: {
				resources: [[folders.src_assets, folders.dist_assets]]
			},
			cleanConfig: {
				targets: [
					folders.dist
				]
			},
			htmlTemplateConfig: {
				template: files.src_index,
				target: files.dist_index,
				include: /main(-.*)?\.js$/
			},
			importStylesConfig: {
				globals: ["main.scss"]
			}
		}),

		// Serve
		...(isServe ? defaultServePlugins({
				dist: folders.dist
			})
		: []),

		// Production
		...(isProd ? defaultProdPlugins({
			dist: folders.dist,
			minifyLitHtmlConfig: {
				include: /my-component.ts$/
			},
			budgetConfig: {
				sizes: {
					".js": 1024 * 170, // Max file size in bytes (170kb)
					".jpg": 1024 * 400
				}
			}
		}) : [])
	],
	treeshake: isProd,
	context: "window"
}