import { fileURLToPath, URL } from 'node:url';
|
import path from 'node:path';
|
|
import { defineConfig, loadEnv } from 'vite';
|
import vue from '@vitejs/plugin-vue';
|
|
import Inspect from 'vite-plugin-inspect';
|
|
// element plus 样式自动按需导入
|
import AutoImport from 'unplugin-auto-import/vite';
|
import Components from 'unplugin-vue-components/vite';
|
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
|
|
import svgSprites from 'rollup-plugin-svg-sprites';
|
import { viteMockServe } from 'vite-plugin-mock';
|
|
// https://vitejs.dev/config/
|
export default defineConfig(({ command, mode }) => {
|
console.log('vite.config defineConfig', command, mode);
|
const env = loadEnv(mode, process.cwd(), '');
|
console.log('vite.config env.NODE_ENV=', env.NODE_ENV);
|
// According to the project configuration. Can be configured in the .env file
|
const prodMock = true;
|
|
return {
|
base: '/', // 注意，必须以"/"结尾，BASE_URL配置
|
build: {
|
outDir: '../hm-lock-sys/public'
|
},
|
define: {
|
'process.env': env
|
},
|
resolve: {
|
alias: {
|
'@': fileURLToPath(new URL('./src', import.meta.url))
|
},
|
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
|
},
|
plugins: [
|
vue(),
|
Inspect(),
|
AutoImport({
|
resolvers: [ElementPlusResolver()]
|
}),
|
Components({
|
resolvers: [ElementPlusResolver()]
|
}),
|
svgSprites({
|
vueComponent: true,
|
exclude: ['node_modules/**'],
|
symbolId(filePath) {
|
const filename = path.basename(filePath);
|
return 'icon-' + filename.substring(0, filename.lastIndexOf('.'));
|
}
|
}),
|
// https://openbase.com/js/vite-plugin-mock
|
viteMockServe({
|
ignore: /^_/,
|
mockPath: './mock/',
|
supportTs: true,
|
watchFiles: true,
|
localEnabled: command === 'serve',
|
prodEnabled: command !== 'serve' && prodMock,
|
// configPath: './mock/index.js',
|
logger: false,
|
injectCode: `import { setupProdMockServer } from '../mock/_createProductionServer.js';
|
setupProdMockServer();`
|
})
|
],
|
server: {
|
host: 'localhost',
|
port: 8001,
|
proxy: {
|
'/api-test': {
|
target: 'https://api.midfar.com/dspt_test/api',
|
changeOrigin: true,
|
rewrite: (path) => path.replace(/^\/api-test/, ''),
|
headers: {
|
Cookie: env.VUE_APP_COOKIE
|
}
|
}
|
}
|
}
|
};
|
});
|
