bd-admin/commands/create/utils/viteConfig.js

一款能根据需求快速配置vue后台管理的脚手架

const replacement = () => {
    return '`${pathResolve("src")}/`';
};
const ui = (type) => {
    let plugins = "";
    let importStr = "";
    switch (type) {
        case "element":
            plugins = `
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    })`;
            importStr = `import AutoImport from "unplugin-auto-import/vite"
import Components from "unplugin-vue-components/vite"
import { ElementPlusResolver } from "unplugin-vue-components/resolvers"`;
            break;
        case "antdv":
            break;
        default:
            return;
    }
    return {
        importStr,
        plugins,
    };
};
const eslint = (answers) => {
    const { eslint } = answers;
    if (!eslint)
        return {
            eslintImportModel: "",
            eslintUseModel: "",
        };
    return {
        eslintImportModel: `import eslint from "vite-plugin-eslint";`,
        eslintUseModel: `eslint(),`,
    };
};
export const createViteConfig = (answers) => {
    const { eslintImportModel, eslintUseModel } = eslint(answers);
    return `import { defineConfig, loadEnv } from "vite";
import vue from "@vitejs/plugin-vue"
import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
import svgLoader from "vite-svg-loader";
${ui(answers.ui).importStr}
${eslintImportModel}
import { resolve } from "path";


// https://vitejs.dev/config/
export default defineConfig((configEnv)=>{
  const { VITE_BASE_API } = loadEnv(configEnv.mode, process.cwd());
  return {
    plugins: [
      vue(),
     // ${eslintUseModel}
      svgLoader(),
      createSvgIconsPlugin({
        iconDirs: [resolve(process.cwd(), "src/icons/svg")],
        symbolId: "[name]",
      }),
      ${ui(answers.ui).plugins}
    ],
    resolve: {
      extensions: [
        ".mjs",
        ".js",
        ".ts",
        ".jsx",
        ".tsx",
        ".json",
        ".scss",
        ".css",
      ],
      alias: {
        "@": resolve(__dirname, "./src"),
        "@public": resolve(__dirname, "./public"),
      },
    },
    base: './',
    server: {
      host: true,
      port: 8888,
      open: true,
      cors: true,
      proxy: {
        "/api": {
          target: VITE_BASE_API, // 测试地址
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\\/api/, ""),
        },
      },
      warmup: {
        clientFiles: ["./src/layouts/**/*.vue"],
      },
    },
  }
})
`;
};