mobilizon/vite.config.js

126 lines
2.9 KiB
JavaScript
Raw Normal View History

import vue from "@vitejs/plugin-vue";
import { defineConfig } from "vite";
import path from "path";
import { VitePWA } from "vite-plugin-pwa";
import { visualizer } from "rollup-plugin-visualizer";
import svgLoader from "vite-svg-loader";
export default defineConfig(({ command }) => {
const isDev = command !== "build";
if (isDev) {
// Terminate the watcher when Phoenix quits
process.stdin.on("close", () => {
process.exit(0);
});
process.stdin.resume();
}
const isStory = Boolean(process.env.HISTOIRE);
const plugins = [vue(), svgLoader(), visualizer()];
if (!isStory) {
plugins.push(
VitePWA({
registerType: "autoUpdate",
strategies: "injectManifest",
srcDir: "src",
filename: "service-worker.ts",
// injectRegister: "auto",
// devOptions: {
// enabled: true,
// },
manifest: {
name: "Mobilizon",
short_name: "Mobilizon",
orientation: "portrait-primary",
theme_color: "#ffd599",
icons: [
{
src: "./img/icons/android-chrome-192x192.png",
sizes: "192x192",
type: "image/png",
},
{
src: "./img/icons/android-chrome-512x512.png",
sizes: "512x512",
type: "image/png",
},
{
src: "./img/icons/android-chrome-maskable-192x192.png",
sizes: "192x192",
type: "image/png",
purpose: "maskable",
},
{
src: "./img/icons/android-chrome-maskable-512x512.png",
sizes: "512x512",
type: "image/png",
purpose: "maskable",
},
],
},
})
);
}
const build = {
manifest: true,
outDir: path.resolve(__dirname, "priv/static"),
emptyOutDir: true,
sourcemap: true,
};
if (!isStory) {
// overwrite default .html entry
build.rollupOptions = {
input: {
main: "src/main.ts",
},
};
}
return {
plugins,
build,
server: {
host: isDev ? "0.0.0.0" : "localhost",
},
resolve: {
alias: {
"@": path.resolve(__dirname, "./src"),
unfetch: path.resolve(
__dirname,
"node_modules",
"unfetch",
"dist",
"unfetch.mjs"
),
},
},
css: {
preprocessorOptions: {
scss: {
sassOptions: {
quietDeps: true,
},
},
},
},
test: {
environment: "jsdom",
resolve: {
alias: {
"@": path.resolve(__dirname, "./src"),
},
},
coverage: {
reporter: ["text", "json", "html"],
},
setupFiles: [path.resolve(__dirname, "./tests/unit/setup.ts")],
include: [path.resolve(__dirname, "./tests/unit/specs/**/*.spec.ts")],
},
};
});