fullpage-show/vite.config.js

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { ViteImageOptimizer } from "vite-plugin-image-optimizer";
import inject from "@rollup/plugin-inject";
import path from "path";
import commonjs from "vite-plugin-commonjs";

function pathResolve(dir) {
  return path.resolve(process.cwd(), ".", dir);
}
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    commonjs(),
    ViteImageOptimizer({
      png: {
        quality: 100,
      },
      jpg: {
        quality: 100,
      },
      webp: {
        quality: 30,
      },
    }),
  ],
  optimizeDeps: {
    include: ["fullPage"],
  },
  // build: {
  //   commonjsOptions: {
  //     transformMixedEsModules: true,
  //   },
  // },
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
      "##": path.resolve(__dirname, "src/assets"),
      fullPage: path.resolve(
        __dirname,
        "src/components/fullpage/extensions.js"
      ),
    },
    extensions: [
      ".mjs",
      ".js",
      ".ts",
      ".jsx",
      ".tsx",
      ".json",
      ".vue",
      ".webp",
    ],
  },
});