calckey/packages/client/vite.config.ts

104 lines
2.2 KiB
TypeScript

import * as fs from "fs";
import pluginVue from "@vitejs/plugin-vue";
import { defineConfig } from "vite";
import locales from "../../locales";
import meta from "../../package.json";
import pluginJson5 from "./vite.json5";
import viteCompression from "vite-plugin-compression";
const extensions = [
".ts",
".tsx",
".js",
".jsx",
".mjs",
".json",
".json5",
".svg",
".sass",
".scss",
".css",
".vue",
];
export default defineConfig(({ command, mode }) => {
fs.mkdirSync(`${__dirname}/../../built`, { recursive: true });
fs.writeFileSync(
`${__dirname}/../../built/meta.json`,
JSON.stringify({ version: meta.version }),
"utf-8",
);
return {
base: "/assets/",
plugins: [
pluginVue({
reactivityTransform: true,
}),
pluginJson5(),
viteCompression({
algorithm: "brotliCompress",
}),
],
css: {
transformer: "lightningcss",
},
resolve: {
extensions,
alias: {
"@/": `${__dirname}/src/`,
"/client-assets/": `${__dirname}/assets/`,
"/static-assets/": `${__dirname}/../backend/assets/`,
},
},
define: {
_VERSION_: JSON.stringify(meta.version),
_LANGS_: JSON.stringify(
Object.entries(locales).map(([k, v]) => [k, v._lang_]),
),
_ENV_: JSON.stringify(process.env.NODE_ENV),
_DEV_: process.env.NODE_ENV !== "production",
_PERF_PREFIX_: JSON.stringify("Misskey:"),
_DATA_TRANSFER_DRIVE_FILE_: JSON.stringify("mk_drive_file"),
_DATA_TRANSFER_DRIVE_FOLDER_: JSON.stringify("mk_drive_folder"),
_DATA_TRANSFER_DECK_COLUMN_: JSON.stringify("mk_deck_column"),
__VUE_OPTIONS_API__: true,
__VUE_PROD_DEVTOOLS__: false,
},
build: {
target: ["chrome87", "firefox78", "safari14", "es2017"],
manifest: "manifest.json",
rollupOptions: {
input: {
app: "./src/init.ts",
},
output: {
manualChunks: {
vue: ["vue"],
},
},
},
cssMinify: "lightningcss",
cssCodeSplit: true,
assetsInlineLimit: 0,
outDir: `${__dirname}/../../built/_client_dist_`,
assetsDir: ".",
emptyOutDir: false,
sourcemap: process.env.NODE_ENV === "development",
reportCompressedSize: false,
commonjsOptions: {
include: [/calckey-js/, /node_modules/],
},
},
optimizeDeps: {
auto: true,
},
};
});