mp3/vite.config.js at master · oddantfr/mp3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import {defineConfig} from 'vite';
import {minify as minifyHtml} from 'html-minifier-terser';
import minifyLiterals from 'rollup-plugin-minify-template-literals';
// import {viteSingleFile} from 'vite-plugin-singlefile';
import {VitePWA} from 'vite-plugin-pwa';
import {materialAll} from 'rollup-plugin-material-all';
import {mdIconLocalize} from 'rollup-plugin-md-icon-localize';

const DEV = process.env.NODE_ENV == 'development';

const minify = {
	name: 'minify final index',
	apply: 'build',
	transform(src, id) {
		if (/index.html$/.test(id)) {
			return {
				code: minifyHtml(src, {
					collapseWhitespace: true,
					minifyCSS: true,
					minifyJS: true,
					removeComments: true,
				}),
				map: null,
			};
		}
	},
};

export default defineConfig({
	base: './',
	server: {
		proxy: {
			'/files': {
				target: 'http://localhost:5173',
				rewrite: (path) => `/docs/${path}`,
			},
		},
		// hmr: false,
	},
	assetsInclude: 'public',
	build: {
		outDir: 'docs',
		assetsInlineLimit: 6000,
		emptyOutDir: false,
	},
	esbuild: {
		legalComments: 'external',
	},
	plugins: [
		DEV ? {} : materialAll(),

		mdIconLocalize({
			include: [
				'./src/**/*.ts',
				'./node_modules/@vdegenne/material-color-helpers/lib/elements/**/*.js',
			],
		}),

		DEV ? {} : minify,
		DEV ? {} : minifyLiterals(),
		// ...(!DEV
		// 	? [
		// 			viteSingleFile({
		// 				useRecommendedBuildConfig: false,
		// 			}),
		// 	  ]
		// 	: []),

		VitePWA({
			registerType: 'autoUpdate',
			includeAssets: ['*.png', 'fonts/**/*.otf'],
			manifest: {
				icons: [
					{
						src: 'pwa-64x64.png',
						sizes: '64x64',
						type: 'image/png',
					},
					{
						src: 'pwa-192x192.png',
						sizes: '192x192',
						type: 'image/png',
					},
					{
						src: 'pwa-512x512.png',
						sizes: '512x512',
						type: 'image/png',
						purpose: 'any',
					},
					{
						src: 'maskable-icon-512x512.png',
						sizes: '512x512',
						type: 'image/png',
						purpose: 'maskable',
					},
				],
			},
		}),

		// terser(),
		// basicSSL(),
	],
});