73 lines
1.8 KiB
JavaScript
73 lines
1.8 KiB
JavaScript
|
|
||
|
|
import fs from "fs";
|
||
|
|
import path from "path";
|
||
|
|
import { fileURLToPath } from "url";
|
||
|
|
import { defineConfig } from "vite";
|
||
|
|
import react from "@vitejs/plugin-react";
|
||
|
|
|
||
|
|
import viteCompression from "vite-plugin-compression";
|
||
|
|
|
||
|
|
const dirname = path.dirname(fileURLToPath(import.meta.url));
|
||
|
|
|
||
|
|
const { dependencies } = JSON.parse(
|
||
|
|
fs.readFileSync(path.join(dirname, "package.json"))
|
||
|
|
);
|
||
|
|
|
||
|
|
const vendorPackages = [
|
||
|
|
"react",
|
||
|
|
"react-router-dom",
|
||
|
|
"react-router",
|
||
|
|
"react-dom",
|
||
|
|
];
|
||
|
|
|
||
|
|
function renderChunks(deps) {
|
||
|
|
let chunks = {};
|
||
|
|
Object.keys(deps).forEach(key => {
|
||
|
|
if (vendorPackages.includes(key)) return;
|
||
|
|
chunks[key] = [key];
|
||
|
|
});
|
||
|
|
return chunks;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const OUTPUT_DIRECTORY = "dist";
|
||
|
|
|
||
|
|
// https://vitejs.dev/config/
|
||
|
|
export default defineConfig({
|
||
|
|
plugins: [
|
||
|
|
react(),
|
||
|
|
|
||
|
|
viteCompression({
|
||
|
|
algorithm: "brotliCompress",
|
||
|
|
filter: /.(js|mjs|json|css|html|svg)$/i,
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
build: {
|
||
|
|
outDir: OUTPUT_DIRECTORY,
|
||
|
|
sourcemap: false,
|
||
|
|
rollupOptions: {
|
||
|
|
external: ["fsevents"],
|
||
|
|
output: {
|
||
|
|
manualChunks: {
|
||
|
|
vendor: vendorPackages,
|
||
|
|
...renderChunks(dependencies),
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
resolve: {
|
||
|
|
alias: {
|
||
|
|
Components: path.resolve(dirname, "./src/components"),
|
||
|
|
Pages: path.resolve(dirname, "./src/pages"),
|
||
|
|
Utils: path.resolve(dirname, "./src/utils"),
|
||
|
|
Assets: path.resolve(dirname, "./src/assets"),
|
||
|
|
Context: path.resolve(dirname, "./src/context"),
|
||
|
|
Routes: path.resolve(dirname, "./src/routes"),
|
||
|
|
Hooks: path.resolve(dirname, "./src/hooks"),
|
||
|
|
Src: path.resolve(dirname, "./src"),
|
||
|
|
},
|
||
|
|
},
|
||
|
|
server: {
|
||
|
|
port: 3000,
|
||
|
|
},
|
||
|
|
});
|