vite.config.ts

import { fileURLToPath, URL } from "node:url"

import { defineConfig } from "vite"
import vue from "@vitejs/plugin-vue"
import postcssPresetEnv from "postcss-preset-env"
import styleInject from "@senojs/rollup-plugin-style-inject"
import { visualizer } from "rollup-plugin-visualizer"

// https://vitejs.dev/config/
export default () => {
  return defineConfig({
    plugins: [
      vue(),
      styleInject({
        insertAt: "top"
      }),
      visualizer({
        filename: "stats.html",
        gzipSize: true
      })
    ],
    css: {
      postcss: {
        plugins: [postcssPresetEnv()]
      }
    },
    build: {
      lib:
        process.env.NODE_ENV === "production"
          ? {
              entry: fileURLToPath(new URL("src/hy-vue-gantt.ts", import.meta.url)),
              name: "HyVueGantt",
              fileName: "hy-vue-gantt"
            }
          : undefined,
      outDir: process.env.NODE_ENV === "production" ? "lib" : "dist",
      rollupOptions: {
        // make sure to externalize deps that shouldn't be bundled
        // into the library
        external: [
          "vue",
          "dayjs",
          "date-holidays",
          /^dayjs\/plugin/,
          /^dayjs\/locale/,
          "@fortawesome/vue-fontawesome",
          "@fortawesome/free-solid-svg-icons",
          "@vueuse/core"
        ],
        output: {
          // Provide global variables to use in the UMD build
          // for externalized deps
          globals: {
            vue: "Vue",
            dayjs: "dayjs",
            "date-holidays": "date-holidays"
          },
          exports: "named"
        }
      },
      minify: "terser",
      terserOptions: {
        compress: {
          drop_console: true,
          drop_debugger: true,
          pure_funcs: ["console.log", "console.info", "console.debug"],
          passes: 2,
          pure_getters: true,
          unsafe_math: true,
          unsafe_methods: true
        },
        mangle: {
          safari10: true,
          properties: {
            regex: /^_/
          }
        },
        format: {
          comments: false
        }
      }
    }
  })
}