83 lines
3.1 KiB
TypeScript
83 lines
3.1 KiB
TypeScript
|
import { fileURLToPath, URL } from 'node:url'
|
||
|
|
|
||
|
|
import { defineConfig, UserConfigExport } from 'vite'
|
||
|
|
import vue from '@vitejs/plugin-vue'
|
||
|
|
import { resolve } from 'path'
|
||
|
|
import dts from 'vite-plugin-dts'
|
||
|
|
import UnoCSS from 'unocss/vite'
|
||
|
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
||
|
|
// https://vitejs.dev/config/
|
||
|
|
export default defineConfig(({ mode }) => {
|
||
|
|
let config: UserConfigExport = {
|
||
|
|
plugins: [
|
||
|
|
vue(),
|
||
|
|
dts({
|
||
|
|
tsconfigPath: 'tsconfig.app.json'
|
||
|
|
}),
|
||
|
|
UnoCSS({
|
||
|
|
// 在低版本浏览器上开发时会报错 Unexpected reserved word
|
||
|
|
// 如果在开发环境需要兼容不支持顶级await的低版本浏览器例如Chrome(v87)，就将下面的配置打开
|
||
|
|
// hmrTopLevelAwait: false
|
||
|
|
}),
|
||
|
|
createSvgIconsPlugin({
|
||
|
|
// 指定需要缓存的图标文件夹
|
||
|
|
iconDirs: [resolve(process.cwd(), 'src/assets/icons')],
|
||
|
|
// 指定symbolId格式
|
||
|
|
symbolId: 'mt-edit-[name]',
|
||
|
|
// 禁用压缩 否则想要修改无状态组件的stroke或者fill会影响到预设样式 例如stroke-width
|
||
|
|
svgoOptions: false,
|
||
|
|
customDomId: '___mt__edit__icons__dom__'
|
||
|
|
})
|
||
|
|
],
|
||
|
|
base: '/zutai/',
|
||
|
|
server: {
|
||
|
|
host: '0.0.0.0',
|
||
|
|
open: true,
|
||
|
|
proxy: {
|
||
|
|
'/api': {
|
||
|
|
// target: 'http://10.95.53.49:10215', //海南服务器ip
|
||
|
|
// target: 'http://10.118.135.128:10215', ///hsw
|
||
|
|
target: 'http://192.168.1.126:10215', ///hsw
|
||
|
|
// target: 'http://192.168.1.127:19001', ///hsw
|
||
|
|
// target: 'http://10.119.65.152:10215', //数据中心
|
||
|
|
changeOrigin: true,
|
||
|
|
rewrite: path => path.replace(/^\/api/, '') //路径重写，把'/api'替换为''
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
resolve: {
|
||
|
|
alias: {
|
||
|
|
'@': fileURLToPath(new URL('./src', import.meta.url))
|
||
|
|
},
|
||
|
|
dedupe: ['vue']
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (mode === 'lib' || mode === 'npm') {
|
||
|
|
config = {
|
||
|
|
...config,
|
||
|
|
...{
|
||
|
|
build: {
|
||
|
|
lib: {
|
||
|
|
entry: resolve(__dirname, 'src/export.ts'),
|
||
|
|
name: 'maotu',
|
||
|
|
fileName: (format: any) => `maotu.${format}.js`
|
||
|
|
},
|
||
|
|
rollupOptions: {
|
||
|
|
// 确保外部化处理那些你不想打包进库的依赖
|
||
|
|
external: ['vue', 'pinia'],
|
||
|
|
output: {
|
||
|
|
// 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
|
||
|
|
globals: {
|
||
|
|
vue: 'Vue',
|
||
|
|
pinia: 'Pinia'
|
||
|
|
},
|
||
|
|
inlineDynamicImports: true
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return config
|
||
|
|
})
|