126 lines
3.6 KiB
TypeScript
126 lines
3.6 KiB
TypeScript
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(),
|
|
SlidePlugin(),
|
|
isAnalyseBuild ?
|
|
visualizer({
|
|
gzipSize: true,
|
|
brotliSize: true,
|
|
emitFile: false,
|
|
filename: "report.html",
|
|
open: true
|
|
}) : null,
|
|
isCdnBuild ? [
|
|
{
|
|
name: 'inject-cdn-head',
|
|
enforce: 'pre',
|
|
transformIndexHtml(html) {
|
|
const scripts = `
|
|
<script src="./libs/vue.global.prod.min.js" crossorigin="anonymous"></script>
|
|
<script src="./libs/vue-router.global.prod.min.js" crossorigin="anonymous"></script>
|
|
<script src="./libs/axios.min.js" crossorigin="anonymous"></script>
|
|
`
|
|
return html.replace('<head>', `<head>${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'
|
|
}
|
|
}
|
|
})
|
|
})
|
|
})
|
|
})
|