117 lines
3.6 KiB
TypeScript
117 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 cdn from 'vite-plugin-cdn-import'
|
||
import Icons from 'unplugin-icons/vite'
|
||
import Components from 'unplugin-vue-components/vite'
|
||
import IconsResolver from 'unplugin-icons/resolver'
|
||
|
||
function pathResolve(dir: string) {
|
||
return resolve(__dirname, ".", dir)
|
||
}
|
||
|
||
const lifecycle = process.env.npm_lifecycle_event;
|
||
|
||
// https://vitejs.dev/config/
|
||
export default defineConfig(() => {
|
||
return new Promise(resolve => {
|
||
let latestCommitHash = ''
|
||
getLastCommit((err, commit) => {
|
||
if (!err) latestCommitHash = commit.shortHash
|
||
resolve({
|
||
plugins: [
|
||
Icons({
|
||
//自动安装@iconify-json/xx
|
||
autoInstall: true,
|
||
compiler: 'vue3',
|
||
}),
|
||
Components({
|
||
resolvers: [
|
||
// 自动解析 <IconMdiHome /> 这种组件名
|
||
IconsResolver({
|
||
prefix: 'Icon', // 默认前缀
|
||
}),
|
||
],
|
||
}),
|
||
VueMacros({
|
||
plugins: {
|
||
vue: Vue(),
|
||
vueJsx: VueJsx(), // 如果需要
|
||
},
|
||
}),
|
||
UnoCSS(),
|
||
lifecycle === 'report' ?
|
||
visualizer({
|
||
gzipSize: true,
|
||
brotliSize: true,
|
||
emitFile: false,
|
||
filename: "report.html", //分析图生成的文件名
|
||
open: true //如果存在本地服务端口，将在打包后自动展示
|
||
}) : null,
|
||
SlidePlugin(),
|
||
['build', 'report'].includes(lifecycle) ? cdn({
|
||
modules: [
|
||
{
|
||
name: 'vue',
|
||
var: 'Vue',
|
||
path: `https://2study.top/vue.global.prod.min.js`
|
||
},
|
||
{
|
||
name: 'vue-router',
|
||
var: 'VueRouter',
|
||
path: `https://2study.top/vue-router.global.prod.min.js`
|
||
},
|
||
{
|
||
name: 'axios',
|
||
var: 'axios',
|
||
path: 'https://2study.top/axios.min.js'
|
||
},
|
||
],
|
||
}) : null
|
||
],
|
||
build: {
|
||
rollupOptions: {
|
||
external: ['build', 'report'].includes(lifecycle) ? ['axios'] : [],// 使用全局的 axios。因为百度翻译库内部用了0.19版本的axios，会被打包到代码里面
|
||
}
|
||
},
|
||
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: {
|
||
//解决 sass 控制台出现 Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0 的问题
|
||
api: "modern-compiler" // or 'modern'
|
||
}
|
||
}
|
||
},
|
||
server: {
|
||
port: 3000,
|
||
open: false,
|
||
host: '0.0.0.0',
|
||
fs: {
|
||
strict: false,
|
||
},
|
||
proxy: {
|
||
'/baidu': 'https://api.fanyi.baidu.com/api/trans/vip/translate'
|
||
}
|
||
}
|
||
})
|
||
})
|
||
})
|
||
})
|