import {defineConfig} from 'vite'
import Vue from '@vitejs/plugin-vue'
import VueJsx from "@vitejs/plugin-vue-jsx";
import {resolve} from 'path'
import {visualizer} from "rollup-plugin-visualizer";
import SlidePlugin from './src/components/slide/data.js';
import {getLastCommit} from "git-last-commit";
import UnoCSS from 'unocss/vite'
import VueMacros from 'unplugin-vue-macros/vite'
import Icons from 'unplugin-icons/vite'
import Components from 'unplugin-vue-components/vite'
import IconsResolver from 'unplugin-icons/resolver'
import {viteExternalsPlugin} from 'vite-plugin-externals'
function pathResolve(dir: string) {
return resolve(__dirname, ".", dir)
}
const lifecycle = process.env.npm_lifecycle_event;
let isCdnBuild = ['build-oss', 'report-oss'].includes(lifecycle)
let isAnalyseBuild = ['report-oss', 'report'].includes(lifecycle)
export default defineConfig(() => {
return new Promise(resolve => {
let latestCommitHash = ''
getLastCommit((err, commit) => {
if (!err) latestCommitHash = commit.shortHash
resolve({
plugins: [
Icons({
autoInstall: true,
compiler: 'vue3',
}),
Components({
resolvers: [
IconsResolver({
prefix: 'Icon',
}),
],
}),
VueMacros({
plugins: {
vue: Vue(),
vueJsx: VueJsx(),
},
}),
UnoCSS(),
isAnalyseBuild ?
visualizer({
gzipSize: true,
brotliSize: true,
emitFile: false,
filename: "report.html",
open: true
}) : null,
SlidePlugin(),
isCdnBuild ? [
{
name: 'inject-cdn-head',
enforce: 'pre',
transformIndexHtml(html) {
const scripts = `
`
return html.replace('', `${scripts}`)
},
},
viteExternalsPlugin({
vue: 'Vue',
'vue-router': 'VueRouter',
axios: 'axios',
})
] : null,
],
build: {
rollupOptions: {
output: {
manualChunks(id) {
if (id.includes('node_modules/@iconify') || id.includes('~icons')) {
return 'icons';
}
if (id.includes('utils')
|| id.includes('hooks')
) {
return 'utils'
}
if (!isCdnBuild) return
if (id.includes('dialog')) {
return 'dialog'
}
}
}
}
},
define: {
LATEST_COMMIT_HASH: JSON.stringify(latestCommitHash + (process.env.NODE_ENV === 'production' ? '' : ' (dev)')),
},
base: './',
resolve: {
alias: {
"@": pathResolve("src"),
},
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
},
css: {
preprocessorOptions: {
scss: {
api: "modern-compiler"
}
}
},
server: {
port: 3000,
open: false,
host: '0.0.0.0',
proxy: {
'/baidu': 'https://api.fanyi.baidu.com/api/trans/vip/translate'
}
}
})
})
})
})