-
Notifications
You must be signed in to change notification settings - Fork 324
/
vite.config.ts
130 lines (125 loc) · 5.01 KB
/
vite.config.ts
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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
import fs from "fs-extra";
import * as Vite from "vite";
import tsconfigPaths from "vite-tsconfig-paths";
// eslint-disable-next-line import/default
import checker from "vite-plugin-checker";
import path from "path";
import Peggy from "peggy";
import packageJSON from "./package.json" assert { type: "json" };
import esbuild from "esbuild";
const config = Vite.defineConfig(({ command, mode }): Vite.UserConfig => {
const buildMode = mode === "production" ? "production" : "development";
const rollGrammar = fs.readFileSync("roll-grammar.peggy", { encoding: "utf-8" });
const outDir = "dist";
const plugins = [checker({ typescript: true }), tsconfigPaths()];
// Handle minification after build to allow for tree-shaking and whitespace minification
// "Note the build.minify option does not minify whitespaces when using the 'es' format in lib mode, as it removes
// pure annotations and breaks tree-shaking."
if (buildMode === "production") {
plugins.push({
name: "minify",
renderChunk: {
order: "post",
async handler(code, chunk) {
return chunk.fileName.endsWith(".mjs")
? esbuild.transform(code, {
keepNames: true,
minifyIdentifiers: false,
minifySyntax: true,
minifyWhitespace: true,
})
: code;
},
},
});
} else {
plugins.push(
// Foundry expects all esm files listed in system.json to exist: create empty vendor module when in dev mode
{
name: "touch-vendor-mjs",
apply: "build",
writeBundle: {
async handler() {
fs.closeSync(fs.openSync(path.resolve(outDir, "vendor.mjs"), "w"));
},
},
},
// Vite HMR is only preconfigured for css files: add handler for HBS templates
{
name: "hmr-handler",
apply: "serve",
handleHotUpdate(context) {
if (context.file.endsWith(".hbs") && !context.file.startsWith(outDir)) {
const basePath = context.file.slice(context.file.indexOf("templates/"));
console.log(`Updating template at ${basePath}`);
fs.promises.copyFile(context.file, `${outDir}/${basePath}`).then(() => {
context.server.ws.send({
type: "custom",
event: "template-update",
data: { path: `systems/pf2e/${basePath}` },
});
});
}
},
}
);
}
// Create dummy files for vite dev server
if (command === "serve") {
const message = "This file is for a running vite dev server and is not copied to a build";
fs.writeFileSync("./index.html", `<h1>${message}</h1>\n`);
if (!fs.existsSync("./styles")) fs.mkdirSync("./styles");
fs.writeFileSync("./styles/pf2e.css", `/** ${message} */\n`);
fs.writeFileSync("./pf2e.mjs", `/** ${message} */\n\nimport "./src/pf2e.ts";\n`);
fs.writeFileSync("./vendor.mjs", `/** ${message} */\n`);
}
return {
base: command === "build" ? "./" : "/systems/pf2e/",
publicDir: "static",
define: {
BUILD_MODE: JSON.stringify(buildMode),
ROLL_PARSER: Peggy.generate(rollGrammar, { output: "source" }),
},
esbuild: { keepNames: true },
build: {
outDir,
emptyOutDir: true,
minify: false,
sourcemap: buildMode === "development",
lib: {
name: "pf2e",
entry: "src/pf2e.ts",
formats: ["es"],
fileName: "pf2e",
},
rollupOptions: {
output: {
assetFileNames: ({ name }): string => (name === "style.css" ? "styles/pf2e.css" : name!),
chunkFileNames: "[name].mjs",
entryFileNames: "pf2e.mjs",
manualChunks: {
vendor: buildMode === "production" ? Object.keys(packageJSON.dependencies) : [],
},
},
watch: { buildDelay: 100 },
},
},
server: {
port: 30001,
open: "/game",
proxy: {
"^(?!/systems/pf2e/)": "http:https://localhost:30000/",
"/socket.io": {
target: "ws:https://localhost:30000",
ws: true,
},
},
},
plugins,
css: {
devSourcemap: buildMode === "development",
},
};
});
// eslint-disable-next-line import/no-default-export
export default config;