mirror of https://github.com/certd/certd
112 lines
3.6 KiB
TypeScript
112 lines
3.6 KiB
TypeScript
import vue from "@vitejs/plugin-vue";
|
||
import vueJsx from "@vitejs/plugin-vue-jsx";
|
||
import visualizer from "rollup-plugin-visualizer";
|
||
import viteCompression from "vite-plugin-compression";
|
||
import { createHtmlPlugin } from "vite-plugin-html";
|
||
import { loadEnv } from "vite";
|
||
import * as path from "path";
|
||
import DefineOptions from "unplugin-vue-define-options/vite";
|
||
// import WindiCSS from "vite-plugin-windicss";
|
||
// import { generateModifyVars } from "./build/modify-vars";
|
||
// import { configThemePlugin } from "./build/theme-plugin";
|
||
// import OptimizationPersist from "vite-plugin-optimize-persist";
|
||
// https://vitejs.dev/config/
|
||
// 增加环境变量 _
|
||
process.env.VITE_APP_VERSION = require("./package.json").version;
|
||
process.env.VITE_APP_BUILD_TIME = require("dayjs")().format("YYYY-M-D HH:mm:ss");
|
||
|
||
import { theme } from "ant-design-vue";
|
||
|
||
const { defaultAlgorithm, defaultSeed } = theme;
|
||
|
||
const mapToken = defaultAlgorithm(defaultSeed);
|
||
|
||
export default ({ command, mode }) => {
|
||
console.log("args", command, mode);
|
||
const env = loadEnv(mode, process.cwd());
|
||
let devServerFs: any = {};
|
||
let devAlias: any[] = [];
|
||
if (mode.startsWith("debug")) {
|
||
devAlias = [
|
||
{ find: /@fast-crud\/fast-crud\/dist/, replacement: path.resolve("../../fast-crud/src/") },
|
||
// { find: /@fast-crud\/fast-crud$/, replacement: path.resolve("../../fast-crud/src/") },
|
||
{ find: /@fast-crud\/fast-extends\/dist/, replacement: path.resolve("../../fast-extends/src/") },
|
||
// { find: /@fast-crud\/fast-extends$/, replacement: path.resolve("../../fast-extends/src/") },
|
||
// { find: /@fast-crud\/ui-antdv$/, replacement: path.resolve("../../ui/ui-antdv/src/") },
|
||
// { find: /@fast-crud\/ui-interface$/, replacement: path.resolve("../../ui/ui-interface/src/") }
|
||
{ find: /@fast-crud\/ui-antdv4\/dist/, replacement: path.resolve("../../ui/ui-antdv4/src/") }
|
||
];
|
||
devServerFs = {
|
||
// 这里配置dev启动时读取的项目根目录
|
||
allow: ["../../../"]
|
||
};
|
||
console.log("devAlias", devAlias);
|
||
}
|
||
return {
|
||
base: "/",
|
||
plugins: [
|
||
DefineOptions(),
|
||
vueJsx(),
|
||
vue(),
|
||
createHtmlPlugin({
|
||
inject: {
|
||
data: {
|
||
title: env.VITE_APP_TITLE,
|
||
projectPath: env.VITE_APP_PROJECT_PATH
|
||
}
|
||
}
|
||
}),
|
||
// 压缩build后的代码
|
||
viteCompression()
|
||
//主题色替换
|
||
//...configThemePlugin(true),
|
||
// viteThemePlugin({
|
||
// // Match the color to be modified
|
||
// colorVariables: ["#1890ff", "#40a9ff"]
|
||
// }),
|
||
// windicss tailwindcss
|
||
// WindiCSS()
|
||
],
|
||
esbuild: {
|
||
drop: command === "build" ? ["debugger"] : [],
|
||
pure: ["console.log", "debugger"],
|
||
jsxFactory: "h",
|
||
jsxFragment: "Fragment"
|
||
},
|
||
resolve: {
|
||
alias: [...devAlias, { find: "/@", replacement: path.resolve("./src") }, { find: "/#", replacement: path.resolve("./types") }],
|
||
dedupe: ["vue"]
|
||
},
|
||
optimizeDeps: {
|
||
include: ["ant-design-vue"]
|
||
},
|
||
build: {
|
||
rollupOptions: {
|
||
plugins: [visualizer()]
|
||
}
|
||
},
|
||
css: {
|
||
preprocessorOptions: {
|
||
less: {
|
||
// 修改默认主题颜色，配置less变量
|
||
// modifyVars: generateModifyVars(),
|
||
javascriptEnabled: true
|
||
// modifyVars: mapToken
|
||
}
|
||
}
|
||
},
|
||
server: {
|
||
host: "0.0.0.0",
|
||
port: 3002,
|
||
fs: devServerFs,
|
||
proxy: {
|
||
// with options
|
||
"/api": {
|
||
//配套后端 https://github.com/fast-crud/fs-server-js
|
||
target: "http://127.0.0.1:7001"
|
||
}
|
||
}
|
||
}
|
||
};
|
||
};
|