88 lines
2.6 KiB
JavaScript
88 lines
2.6 KiB
JavaScript
import { defineConfig } from 'vite';
|
||
import vue from '@vitejs/plugin-vue';
|
||
|
||
// 定义一个简单的插件来解决阿里云SDK加载问题
|
||
const fixAliyunSDKPlugin = {
|
||
name: 'fix-aliyun-sdk',
|
||
enforce: 'pre',
|
||
transform(code, id) {
|
||
// 在构建时移除对阿里云安全SDK的引用
|
||
// 这个正则会匹配可能的阿里云SDK引入代码
|
||
if (code.includes('ice-plugin-spm') || code.includes('APlus') || code.includes('securitySDK')) {
|
||
return code
|
||
.replace(/import\s+.*ice-plugin-spm.*;/g, '')
|
||
.replace(/import\s+.*APlus.*;/g, '')
|
||
.replace(/import\s+.*securitySDK.*;/g, '')
|
||
.replace(/\s*script\s*src\s*=\s*["']https:\/\/o\.alicdn\.com\/tbpc\/securitySDK\/securitySDK\.umd\.js["']\s*>/g, '')
|
||
}
|
||
return null;
|
||
}
|
||
};
|
||
|
||
export default defineConfig(({ mode }) => {
|
||
const isDebug = mode === 'debug'
|
||
const isRelease = mode === 'release'
|
||
|
||
return {
|
||
// 配置Vue插件以支持更好的调试体验
|
||
plugins: [
|
||
vue({
|
||
template: {
|
||
compilerOptions: {
|
||
// 启用调试提示
|
||
whitespace: 'preserve'
|
||
}
|
||
}
|
||
}),
|
||
fixAliyunSDKPlugin // 添加我们的修复插件
|
||
],
|
||
server: {
|
||
port: 8080, // 改为不同于后端的端口
|
||
proxy: {
|
||
// 添加代理配置，将WebSocket请求转发到后端
|
||
'/': {
|
||
target: 'http://localhost:8805',
|
||
ws: true,
|
||
changeOrigin: true,
|
||
// 配置代理超时时间，避免过早断开连接
|
||
timeout: 60000,
|
||
// 配置重写规则
|
||
rewrite: (path) => path
|
||
}
|
||
}
|
||
},
|
||
// 根据模式配置构建选项
|
||
build: {
|
||
// 调试模式下启用sourcemap，发布模式下禁用
|
||
sourcemap: isDebug,
|
||
// 调试模式下禁用压缩，发布模式下启用
|
||
minify: isRelease,
|
||
// 根据模式设置不同的输出目录
|
||
outDir: 'dist',
|
||
// 配置外部依赖，避免打包不必要的库
|
||
rollupOptions: {
|
||
external: ['https://o.alicdn.com/tbpc/securitySDK/securitySDK.umd.js']
|
||
}
|
||
},
|
||
// 配置CSS预处理器选项
|
||
css: {
|
||
preprocessorOptions: {
|
||
css: {
|
||
// 禁用@import内联，可能有助于解决一些导入问题
|
||
url: false
|
||
},
|
||
// 配置Sass使用现代API，避免旧版JS API警告
|
||
scss: {
|
||
api: 'modern-compiler'
|
||
},
|
||
sass: {
|
||
api: 'modern-compiler'
|
||
}
|
||
}
|
||
},
|
||
// 配置开发服务器的CSP头信息
|
||
headers: {
|
||
'Content-Security-Policy': "script-src 'self' 'unsafe-inline' 'unsafe-eval'"
|
||
}
|
||
}
|
||
}) |