moqmar/rollup.config.js

## rollup.config.js
import vue from "rollup-plugin-vue";
import postcss from "rollup-plugin-postcss";
import html2 from "rollup-plugin-html2";
import replace from "@rollup/plugin-replace";
import auto from "@rollup/plugin-auto-install";
import resolve from "@rollup/plugin-node-resolve";
import copy from "rollup-plugin-copy";

// yarn add --dev @rollup/plugin-auto-install @rollup/plugin-html @rollup/plugin-node-resolve @rollup/plugin-replace postcss rollup rollup-plugin-copy rollup-plugin-html2 rollup-plugin-postcss rollup-plugin-vue vue-template-compiler

export default {
        input: "src/index.js",
        output: {
                dir: "public",
                name: "index.js",
                format: "iife",
                sourcemap: true,
        },
        plugins: [
                replace({"process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV)}),
                postcss({ plugins: [], extract: true }),
                vue(),
                auto(),
                resolve(),
                copy({
                        targets: [
                                { src: "src/example.jpg", dest: "public" },
                        ],
                }),
                html2({
                        title: "Hello World",
                        meta: {
                                description: "A hello world application.",
                                viewport: "width=device-width, initial-scale=1",
                        },
                        template: '<!doctype html><html><head><meta charset="utf-8"></head><body></body></html>',
                        favicon: "src/logo.svg",
                        file: "index.html",
                }),
        ],
};
	import vue from "rollup-plugin-vue";
	import postcss from "rollup-plugin-postcss";
	import html2 from "rollup-plugin-html2";
	import replace from "@rollup/plugin-replace";
	import auto from "@rollup/plugin-auto-install";
	import resolve from "@rollup/plugin-node-resolve";
	import copy from "rollup-plugin-copy";

	// yarn add --dev @rollup/plugin-auto-install @rollup/plugin-html @rollup/plugin-node-resolve @rollup/plugin-replace postcss rollup rollup-plugin-copy rollup-plugin-html2 rollup-plugin-postcss rollup-plugin-vue vue-template-compiler

	export default {
	input: "src/index.js",
	output: {
	dir: "public",
	name: "index.js",
	format: "iife",
	sourcemap: true,
	},
	plugins: [
	replace({"process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV)}),
	postcss({ plugins: [], extract: true }),
	vue(),
	auto(),
	resolve(),
	copy({
	targets: [
	{ src: "src/example.jpg", dest: "public" },
	],
	}),
	html2({
	title: "Hello World",
	meta: {
	description: "A hello world application.",
	viewport: "width=device-width, initial-scale=1",
	},
	template: '<!doctype html><html><head><meta charset="utf-8"></head><body></body></html>',
	favicon: "src/logo.svg",
	file: "index.html",
	}),
	],
	};