103 lines
3.1 KiB
TypeScript
103 lines
3.1 KiB
TypeScript
import {defineConfig, UserConfig} 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 {Plugin as importToCDN} from 'vite-plugin-cdn-import'
|
||
import ElementPlus from 'unplugin-element-plus/vite'
|
||
|
||
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: [
|
||
VueMacros({
|
||
plugins: {
|
||
vue: Vue(),
|
||
vueJsx: VueJsx(), // 如果需要
|
||
},
|
||
}),
|
||
UnoCSS(),
|
||
ElementPlus(),
|
||
lifecycle === 'report' ?
|
||
visualizer({
|
||
gzipSize: true,
|
||
brotliSize: true,
|
||
emitFile: false,
|
||
filename: "report.html", //分析图生成的文件名
|
||
open: true //如果存在本地服务端口，将在打包后自动展示
|
||
}) : null,
|
||
SlidePlugin(),
|
||
importToCDN({
|
||
modules: [
|
||
{
|
||
name: 'vue',
|
||
var: 'Vue',
|
||
path: `https://type-words.oss-cn-shenzhen.aliyuncs.com/vue.global.prod.min.js`
|
||
},
|
||
{
|
||
name: 'vue-router',
|
||
var: 'VueRouter',
|
||
path: `https://type-words.oss-cn-shenzhen.aliyuncs.com/vue-router.global.prod.min.js`
|
||
},
|
||
{
|
||
name: 'axios',
|
||
var: 'axios',
|
||
path: 'https://type-words.oss-cn-shenzhen.aliyuncs.com/axios.min.js'
|
||
},
|
||
]
|
||
})
|
||
],
|
||
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']
|
||
},
|
||
build: {
|
||
rollupOptions: {
|
||
external: ['axios'],// 使用全局的 axios。因为百度翻译库内部用了0.19版本的axios，会被打包到代码里面
|
||
}
|
||
},
|
||
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'
|
||
}
|
||
}
|
||
})
|
||
})
|
||
})
|