import { resolve } from 'path';
import { loadEnv } from 'vite';
import type { UserConfig, ConfigEnv } from 'vite';
import Vue from '@vitejs/plugin-vue';
import VueJsx from '@vitejs/plugin-vue-jsx';
import progress from 'vite-plugin-progress';
import EslintPlugin from 'vite-plugin-eslint';
import { ViteEjsPlugin } from 'vite-plugin-ejs';
import { viteMockServe } from 'vite-plugin-mock';
import PurgeIcons from 'vite-plugin-purge-icons';
import ServerUrlCopy from 'vite-plugin-url-copy';
import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
import {
createStyleImportPlugin,
ElementPlusResolve,
} from 'vite-plugin-style-import';
import UnoCSS from 'unocss/vite';
import { visualizer } from 'rollup-plugin-visualizer';
// https://vitejs.dev/config/
import process from 'node:process';
import Federation from '@originjs/vite-plugin-federation';
import exposes from './exposes';
const root = process.cwd();
function pathResolve(dir: string) {
return resolve(root, '.', dir);
}
export default ({ command, mode }: ConfigEnv): UserConfig => {
let env = {} as any;
const isBuild = command === 'build';
if (!isBuild) {
env = loadEnv(
process.argv[3] === '--mode' ? process.argv[4] : process.argv[3],
root,
);
} else {
env = loadEnv(mode, root);
}
return {
base: env.VITE_BASE_PATH,
plugins: [
Vue({
script: {
// 开启defineModel
defineModel: true,
},
}),
VueJsx(),
ServerUrlCopy(),
progress(),
env.VITE_USE_ALL_ELEMENT_PLUS_STYLE === 'false'
? createStyleImportPlugin({
resolves: [ElementPlusResolve()],
libs: [
{
libraryName: 'element-plus',
esModule: true,
resolveStyle: (name) => {
if (name === 'click-outside') {
return '';
}
return `element-plus/es/components/${name.replace(
/^el-/,
'',
)}/style/css`;
},
},
],
})
: undefined,
EslintPlugin({
cache: false,
failOnWarning: false,
failOnError: false,
include: ['src/**/*.vue', 'src/**/*.ts', 'src/**/*.tsx'], // 检查的文件
}),
VueI18nPlugin({
// runtimeOnly: true,
compositionOnly: true,
include: [resolve(__dirname, 'src/locales/**')],
}),
createSvgIconsPlugin({
iconDirs: [pathResolve('src/assets/svgs')],
symbolId: 'icon-[dir]-[name]',
svgoOptions: true,
}),
PurgeIcons(),
env.VITE_USE_MOCK === 'true'
? viteMockServe({
mockPath: 'mock',
enable: !isBuild,
})
: undefined,
ViteEjsPlugin({
title: env.VITE_APP_TITLE,
}),
UnoCSS({ mode: 'global' }),
Federation({
name: 'purchasecenter',
filename: 'remoteEntry.js',
exposes,
}),
],
css: {
preprocessorOptions: {
scss: {
additionalData: '@use "@/styles/variables.module.scss" as *;',
},
},
},
resolve: {
extensions: [
'.mjs',
'.js',
'.ts',
'.jsx',
'.tsx',
'.json',
'.less',
'.css',
],
alias: [
{
find: 'vue-i18n',
replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
},
{
find: /\@\//,
replacement: `${pathResolve('src')}/`,
},
],
},
esbuild: {
pure: env.VITE_DROP_CONSOLE === 'true' ? ['console.log'] : undefined,
drop: env.VITE_DROP_DEBUGGER === 'true' ? ['debugger'] : undefined,
},
build: {
target: 'es2015',
outDir: env.VITE_OUT_DIR || 'dist',
sourcemap: env.VITE_SOURCEMAP === 'true',
minify: false,
// brotliSize: false,
rollupOptions: {
plugins:
env.VITE_USE_BUNDLE_ANALYZER === 'true' ? [visualizer()] : undefined,
// 拆包
output: {
manualChunks: {
'vue-chunks': ['vue', 'vue-router', 'pinia', 'vue-i18n'],
'element-plus': ['element-plus'],
'wang-editor': ['@wangeditor/editor', '@wangeditor/editor-for-vue'],
echarts: ['echarts', 'echarts-wordcloud'],
},
},
},
cssCodeSplit: !(env.VITE_USE_CSS_SPLIT === 'false'),
cssTarget: ['chrome31'],
},
server: {
port: 4000,
proxy: {
// 选项写法
'/api': {
target: 'http://10.114.72.169:8080',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ''),
},
'/be-saleslink-masterdata-product': {
target: 'https://saleslink-dev.byd.com/',
changeOrigin: true,
},
// '/sales-link-masterdata': {
// target: 'http://10.114.72.87:8080',
// changeOrigin: true,
// },
'/sales-purchase': {
target: 'https://saleslink-dev.byd.com',
// target: 'http://10.114.72.113:8080',
changeOrigin: true,
},
'/sales-vehicle': {
target: 'https://saleslink-dev.byd.com',
changeOrigin: true,
},
'/sales-operation': {
target: 'https://saleslink-dev.byd.com',
// target: 'http://10.114.72.23:8080',
changeOrigin: true,
},
'/confcntr': {
target: 'https://saleslink-dev.byd.com',
changeOrigin: true,
},
'/sales-stock': {
target: 'https://saleslink-dev.byd.com',
changeOrigin: true,
},
'/saleslink-sku': {
target: 'https://saleslink-dev.byd.com/',
changeOrigin: true,
secure: false,
rewrite: (path) => path.replace(/^\/saleslink-sku/, ''),
},
},
hmr: {
overlay: false,
},
host: '0.0.0.0',
},
optimizeDeps: {
include: [
'vue',
'vue-router',
'vue-types',
'element-plus/es/locale/lang/zh-cn',
'element-plus/es/locale/lang/en',
'@vueuse/core',
'axios',
'qs',
'echarts',
'echarts-wordcloud',
'qrcode',
'@wangeditor/editor',
'@wangeditor/editor-for-vue',
'vue-json-pretty',
'@zxcvbn-ts/core',
'dayjs',
'cropperjs',
],
},
};
};
这是vite.config.ts 现在想要连接后端的本地，怎么修改
最低0.47元/天 解锁文章
扫一扫
1559
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
