diff --git a/build_service.ps1 b/build_service.ps1 index 94c6545..474fa0e 100644 --- a/build_service.ps1 +++ b/build_service.ps1 @@ -30,4 +30,9 @@ New-Item -ItemType Directory -Path ./software/openmcp-sdk -Force Remove-Item -Recurse -Force ./software/openmcp-sdk/* -ErrorAction SilentlyContinue Copy-Item -Recurse -Path ./openmcp-sdk -Destination ./software/ -Force +$serviceJob = Start-Job -ScriptBlock { + param($workDir) + npm run build:task-loop +} -ArgumentList $currentDir + Write-Output "finish building services in ./openmcp-sdk" diff --git a/build_service.sh b/build_service.sh index 0de1225..75bee08 100755 --- a/build_service.sh +++ b/build_service.sh @@ -13,4 +13,6 @@ mkdir -p ./software/openmcp-sdk rm -rf ./software/openmcp-sdk cp -r ./openmcp-sdk ./software/ +npm run build:task-loop + echo "finish building services in ./openmcp-sdk" diff --git a/renderer/src/api/message-bridge.ts b/renderer/src/api/message-bridge.ts index 143151c..fbc1ccf 100644 --- a/renderer/src/api/message-bridge.ts +++ b/renderer/src/api/message-bridge.ts @@ -1,6 +1,5 @@ import { pinkLog, redLog } from '@/views/setting/util'; import { acquireVsCodeApi, electronApi, getPlatform } from './platform'; -import { ref } from 'vue'; export interface VSCodeMessage { command: string; @@ -20,7 +19,7 @@ interface AddCommandListenerOption { once: boolean // 只调用一次就销毁 } -class MessageBridge { +export class MessageBridge { private ws: WebSocket | null = null; private handlers = new Map>(); private isConnected: Promise | null = null; @@ -44,6 +43,11 @@ class MessageBridge { pinkLog('当前模式: electron'); break; + case 'nodejs': + this.setupNodejsListener(); + pinkLog('当前模式: nodejs'); + break; + case 'web': this.setupWebSocket(); pinkLog('当前模式: web'); @@ -114,6 +118,17 @@ class MessageBridge { }; } + private setupNodejsListener() { + const EventEmitter = require('events'); + + const eventEmitter = new EventEmitter(); + + + this.postMessage = (message) => { + eventEmitter.emit('server', message); + }; + } + /** * @description 对 message 发起调度，根据 command 类型获取调取器 * @param message diff --git a/renderer/src/api/platform.ts b/renderer/src/api/platform.ts index e1e9a1b..ddd59d4 100644 --- a/renderer/src/api/platform.ts +++ b/renderer/src/api/platform.ts @@ -1,14 +1,16 @@ -export type OpenMcpSupportPlatform = 'web' | 'vscode' | 'electron'; +export type OpenMcpSupportPlatform = 'web' | 'vscode' | 'electron' | 'nodejs'; export const acquireVsCodeApi = (window as any)['acquireVsCodeApi']; - export const electronApi = (window as any)['electronApi']; +export const isNodejs = (window as any)['nodejs']; export function getPlatform(): OpenMcpSupportPlatform { - if (typeof acquireVsCodeApi !== 'undefined') { + if (acquireVsCodeApi) { return 'vscode'; - } else if (typeof electronApi !== 'undefined') { + } else if (electronApi) { return 'electron'; + } else if (isNodejs) { + return 'nodejs'; } else { return 'web'; } diff --git a/renderer/src/components/main-panel/chat/core/task-loop-sdk.ts b/renderer/src/components/main-panel/chat/core/task-loop-sdk.ts deleted file mode 100644 index 6c988b5..0000000 --- a/renderer/src/components/main-panel/chat/core/task-loop-sdk.ts +++ /dev/null @@ -1,357 +0,0 @@ -/* eslint-disable */ -import type { Ref } from "vue"; -import { ToolCall, ChatStorage, getToolSchema, MessageState } from "../chat-box/chat"; -import { useMessageBridge } from "@/api/message-bridge"; -import type { OpenAI } from 'openai'; -import { llmManager, llms } from "@/views/setting/llm"; -import { pinkLog, redLog } from "@/views/setting/util"; -import { ElMessage } from "element-plus"; -import { handleToolCalls } from "./handle-tool-calls"; - -export type ChatCompletionChunk = OpenAI.Chat.Completions.ChatCompletionChunk; -export type ChatCompletionCreateParamsBase = OpenAI.Chat.Completions.ChatCompletionCreateParams & { id?: string }; -interface TaskLoopOptions { - maxEpochs: number; - maxJsonParseRetry: number; -} - -interface IErrorMssage { - state: MessageState, - msg: string -} - -interface IDoConversationResult { - stop: boolean; -} - -/** - * @description 对任务循环进行的抽象封装 - */ -export class TaskLoop { - private bridge = useMessageBridge(); - private currentChatId = ''; - private completionUsage: ChatCompletionChunk['usage'] | undefined; - - constructor( - private readonly streamingContent: Ref, - private readonly streamingToolCalls: Ref, - private onError: (error: IErrorMssage) => void = (msg) => {}, - private onChunk: (chunk: ChatCompletionChunk) => void = (chunk) => {}, - private onDone: () => void = () => {}, - private onEpoch: () => void = () => {}, - private readonly taskOptions: TaskLoopOptions = { maxEpochs: 20, maxJsonParseRetry: 3 }, - ) { - - } - - private handleChunkDeltaContent(chunk: ChatCompletionChunk) { - const content = chunk.choices[0]?.delta?.content || ''; - if (content) { - this.streamingContent.value += content; - } - } - - private handleChunkDeltaToolCalls(chunk: ChatCompletionChunk) { - const toolCall = chunk.choices[0]?.delta?.tool_calls?.[0]; - - if (toolCall) { - const currentCall = this.streamingToolCalls.value[toolCall.index]; - - if (currentCall === undefined) { - // 新的工具调用开始 - this.streamingToolCalls.value[toolCall.index] = { - id: toolCall.id, - index: toolCall.index, - type: 'function', - function: { - name: toolCall.function?.name || '', - arguments: toolCall.function?.arguments || '' - } - }; - } else { - // 累积现有工具调用的信息 - if (currentCall) { - if (toolCall.id) { - currentCall.id = toolCall.id; - } - if (toolCall.function?.name) { - currentCall.function.name = toolCall.function.name; - } - if (toolCall.function?.arguments) { - currentCall.function.arguments += toolCall.function.arguments; - } - } - } - - } - } - - private handleChunkUsage(chunk: ChatCompletionChunk) { - const usage = chunk.usage; - if (usage) { - this.completionUsage = usage; - } - } - - private doConversation(chatData: ChatCompletionCreateParamsBase) { - - return new Promise((resolve, reject) => { - const chunkHandler = this.bridge.addCommandListener('llm/chat/completions/chunk', data => { - // data.code 一定为 200，否则不会走这个 route - const { chunk } = data.msg as { chunk: ChatCompletionChunk }; - - // 处理增量的 content 和 tool_calls - this.handleChunkDeltaContent(chunk); - this.handleChunkDeltaToolCalls(chunk); - this.handleChunkUsage(chunk); - - this.onChunk(chunk); - }, { once: false }); - - const doneHandler = this.bridge.addCommandListener('llm/chat/completions/done', data => { - this.onDone(); - chunkHandler(); - errorHandler(); - - resolve({ - stop: false - }); - }, { once: true }); - - const errorHandler = this.bridge.addCommandListener('llm/chat/completions/error', data => { - this.onError({ - state: MessageState.ReceiveChunkError, - msg: data.msg || '请求模型服务时发生错误' - }); - - chunkHandler(); - doneHandler(); - - resolve({ - stop: true - }); - - }, { once: true }); - - console.log(chatData); - - this.bridge.postMessage({ - command: 'llm/chat/completions', - data: JSON.parse(JSON.stringify(chatData)), - }); - }); - } - - public makeChatData(tabStorage: ChatStorage): ChatCompletionCreateParamsBase | undefined { - const baseURL = llms[llmManager.currentModelIndex].baseUrl; - const apiKey = llms[llmManager.currentModelIndex].userToken || ''; - - if (apiKey.trim() === '') { - - if (tabStorage.messages.length > 0 && tabStorage.messages[tabStorage.messages.length - 1].role === 'user') { - tabStorage.messages.pop(); - ElMessage.error('请先设置 API Key'); - } - return undefined; - } - - const model = llms[llmManager.currentModelIndex].userModel; - const temperature = tabStorage.settings.temperature; - const tools = getToolSchema(tabStorage.settings.enableTools); - - const userMessages = []; - if (tabStorage.settings.systemPrompt) { - userMessages.push({ - role: 'system', - content: tabStorage.settings.systemPrompt - }); - } - - // 如果超出了 tabStorage.settings.contextLength, 则删除最早的消息 - const loadMessages = tabStorage.messages.slice(- tabStorage.settings.contextLength); - userMessages.push(...loadMessages); - - // 增加一个id用于锁定状态 - const id = crypto.randomUUID(); - - const chatData = { - id, - baseURL, - apiKey, - model, - temperature, - tools, - messages: userMessages, - } as ChatCompletionCreateParamsBase; - - return chatData; - } - - public abort() { - this.bridge.postMessage({ - command: 'llm/chat/completions/abort', - data: { - id: this.currentChatId - } - }); - this.streamingContent.value = ''; - this.streamingToolCalls.value = []; - } - - public registerOnError(handler: (msg: IErrorMssage) => void) { - this.onError = handler; - } - - public registerOnChunk(handler: (chunk: ChatCompletionChunk) => void) { - this.onChunk = handler; - } - - public registerOnDone(handler: () => void) { - this.onDone = handler; - } - - public registerOnEpoch(handler: () => void) { - this.onEpoch = handler; - } - - public setMaxEpochs(maxEpochs: number) { - this.taskOptions.maxEpochs = maxEpochs; - } - - /** - * @description 开启循环，异步更新 DOM - */ - public async start(tabStorage: ChatStorage, userMessage: string) { - // 添加目前的消息 - tabStorage.messages.push({ - role: 'user', - content: userMessage, - extraInfo: { - created: Date.now(), - state: MessageState.Success, - serverName: llms[llmManager.currentModelIndex].id || 'unknown' - } - }); - - let jsonParseErrorRetryCount = 0; - - for (let i = 0; i < this.taskOptions.maxEpochs; ++ i) { - - this.onEpoch(); - - // 初始累计清空 - this.streamingContent.value = ''; - this.streamingToolCalls.value = []; - this.completionUsage = undefined; - - // 构造 chatData - const chatData = this.makeChatData(tabStorage); - - if (!chatData) { - this.onDone(); - break; - } - - this.currentChatId = chatData.id!; - - // 发送请求 - const doConverationResult = await this.doConversation(chatData); - - console.log(doConverationResult); - - - // 如果存在需要调度的工具 - if (this.streamingToolCalls.value.length > 0) { - - tabStorage.messages.push({ - role: 'assistant', - content: this.streamingContent.value || '', - tool_calls: this.streamingToolCalls.value, - extraInfo: { - created: Date.now(), - state: MessageState.Success, - serverName: llms[llmManager.currentModelIndex].id || 'unknown' - } - }); - - pinkLog('调用工具数量：' + this.streamingToolCalls.value.length); - - for (const toolCall of this.streamingToolCalls.value || []) { - const toolCallResult = await handleToolCalls(toolCall); - - if (toolCallResult.state === MessageState.ParseJsonError) { - // 如果是因为解析 JSON 错误，则重新开始 - tabStorage.messages.pop(); - jsonParseErrorRetryCount ++; - - redLog('解析 JSON 错误 ' + toolCall?.function?.arguments); - - // 如果因为 JSON 错误而失败太多，就只能中断了 - if (jsonParseErrorRetryCount >= this.taskOptions.maxJsonParseRetry) { - tabStorage.messages.push({ - role: 'assistant', - content: `解析 JSON 错误，无法继续调用工具 (累计错误次数 ${this.taskOptions.maxJsonParseRetry})`, - extraInfo: { - created: Date.now(), - state: toolCallResult.state, - serverName: llms[llmManager.currentModelIndex].id || 'unknown', - usage: undefined - } - }); - break; - } - } else if (toolCallResult.state === MessageState.Success) { - tabStorage.messages.push({ - role: 'tool', - index: toolCall.index || 0, - tool_call_id: toolCall.id || toolCall.function.name, - content: toolCallResult.content, - extraInfo: { - created: Date.now(), - state: toolCallResult.state, - serverName: llms[llmManager.currentModelIndex].id || 'unknown', - usage: this.completionUsage - } - }); - } else if (toolCallResult.state === MessageState.ToolCall) { - - tabStorage.messages.push({ - role: 'tool', - index: toolCall.index || 0, - tool_call_id: toolCall.id || toolCall.function.name, - content: toolCallResult.content, - extraInfo: { - created: Date.now(), - state: toolCallResult.state, - serverName: llms[llmManager.currentModelIndex].id || 'unknown', - usage: this.completionUsage - } - }); - } - } - - } else if (this.streamingContent.value) { - tabStorage.messages.push({ - role: 'assistant', - content: this.streamingContent.value, - extraInfo: { - created: Date.now(), - state: MessageState.Success, - serverName: llms[llmManager.currentModelIndex].id || 'unknown', - usage: this.completionUsage - } - }); - break; - - } else { - // 一些提示 - break; - } - - // 回答聚合完成后根据 stop 来决定是否提前中断 - if (doConverationResult.stop) { - break; - } - } - } -} \ No newline at end of file diff --git a/renderer/src/components/main-panel/chat/core/task-loop.ts b/renderer/src/components/main-panel/chat/core/task-loop.ts index 6c988b5..1666e2f 100644 --- a/renderer/src/components/main-panel/chat/core/task-loop.ts +++ b/renderer/src/components/main-panel/chat/core/task-loop.ts @@ -10,20 +10,21 @@ import { handleToolCalls } from "./handle-tool-calls"; export type ChatCompletionChunk = OpenAI.Chat.Completions.ChatCompletionChunk; export type ChatCompletionCreateParamsBase = OpenAI.Chat.Completions.ChatCompletionCreateParams & { id?: string }; -interface TaskLoopOptions { +export interface TaskLoopOptions { maxEpochs: number; maxJsonParseRetry: number; } -interface IErrorMssage { +export interface IErrorMssage { state: MessageState, msg: string } -interface IDoConversationResult { +export interface IDoConversationResult { stop: boolean; } + /** * @description 对任务循环进行的抽象封装 */ @@ -31,6 +32,7 @@ export class TaskLoop { private bridge = useMessageBridge(); private currentChatId = ''; private completionUsage: ChatCompletionChunk['usage'] | undefined; + private llmConfig: any; constructor( private readonly streamingContent: Ref, @@ -41,7 +43,7 @@ export class TaskLoop { private onEpoch: () => void = () => {}, private readonly taskOptions: TaskLoopOptions = { maxEpochs: 20, maxJsonParseRetry: 3 }, ) { - + } private handleChunkDeltaContent(chunk: ChatCompletionChunk) { @@ -143,8 +145,8 @@ export class TaskLoop { } public makeChatData(tabStorage: ChatStorage): ChatCompletionCreateParamsBase | undefined { - const baseURL = llms[llmManager.currentModelIndex].baseUrl; - const apiKey = llms[llmManager.currentModelIndex].userToken || ''; + const baseURL = this.getLlmConfig().baseUrl; + const apiKey = this.getLlmConfig().userToken || ''; if (apiKey.trim() === '') { @@ -155,7 +157,7 @@ export class TaskLoop { return undefined; } - const model = llms[llmManager.currentModelIndex].userModel; + const model = this.getLlmConfig().userModel; const temperature = tabStorage.settings.temperature; const tools = getToolSchema(tabStorage.settings.enableTools); @@ -218,6 +220,32 @@ export class TaskLoop { this.taskOptions.maxEpochs = maxEpochs; } + /** + * @description 设置当前的 LLM 配置，用于 nodejs 环境运行 + * @param config + * @example + * setLlmConfig({ + * id: 'openai', + * baseUrl: 'https://api.openai.com/v1', + * userToken: 'sk-xxx', + * userModel: 'gpt-3.5-turbo', + * }) + */ + public setLlmConfig(config: any) { + this.llmConfig = config; + } + + public getLlmConfig() { + if (this.llmConfig) { + return this.llmConfig; + } + return llms[llmManager.currentModelIndex]; + } + + public async connectToService() { + + } + /** * @description 开启循环，异步更新 DOM */ @@ -229,7 +257,7 @@ export class TaskLoop { extraInfo: { created: Date.now(), state: MessageState.Success, - serverName: llms[llmManager.currentModelIndex].id || 'unknown' + serverName: this.getLlmConfig().id || 'unknown' } }); @@ -270,7 +298,7 @@ export class TaskLoop { extraInfo: { created: Date.now(), state: MessageState.Success, - serverName: llms[llmManager.currentModelIndex].id || 'unknown' + serverName: this.getLlmConfig().id || 'unknown' } }); @@ -294,7 +322,7 @@ export class TaskLoop { extraInfo: { created: Date.now(), state: toolCallResult.state, - serverName: llms[llmManager.currentModelIndex].id || 'unknown', + serverName: this.getLlmConfig().id || 'unknown', usage: undefined } }); @@ -309,7 +337,7 @@ export class TaskLoop { extraInfo: { created: Date.now(), state: toolCallResult.state, - serverName: llms[llmManager.currentModelIndex].id || 'unknown', + serverName: this.getLlmConfig().id || 'unknown', usage: this.completionUsage } }); @@ -323,7 +351,7 @@ export class TaskLoop { extraInfo: { created: Date.now(), state: toolCallResult.state, - serverName: llms[llmManager.currentModelIndex].id || 'unknown', + serverName: this.getLlmConfig().id || 'unknown', usage: this.completionUsage } }); @@ -337,7 +365,7 @@ export class TaskLoop { extraInfo: { created: Date.now(), state: MessageState.Success, - serverName: llms[llmManager.currentModelIndex].id || 'unknown', + serverName: this.getLlmConfig().id || 'unknown', usage: this.completionUsage } }); diff --git a/renderer/src/components/main-panel/chat/markdown/markdown-highlight.ts b/renderer/src/components/main-panel/chat/markdown/markdown-highlight.ts index bb0dffd..f4a82035 100644 --- a/renderer/src/components/main-panel/chat/markdown/markdown-highlight.ts +++ b/renderer/src/components/main-panel/chat/markdown/markdown-highlight.ts @@ -60,7 +60,13 @@ export default function highlight(option: HighlightOption = {}) { const codeElement = codeBlock.querySelector('code'); const code = codeElement?.textContent || ''; - navigator.clipboard.writeText(code).then(() => { + // 支持 nodejs 下运行 + const thisWindow = window as any; + if (!thisWindow || !thisWindow.navigator || !thisWindow.navigator.clipboard) { + return; + } + + window.navigator.clipboard.writeText(code).then(() => { const originalText = button.textContent; button.textContent = '已复制'; setTimeout(() => { diff --git a/renderer/src/components/main-panel/chat/markdown/markdown.ts b/renderer/src/components/main-panel/chat/markdown/markdown.ts index 1535517..499a4aa 100644 --- a/renderer/src/components/main-panel/chat/markdown/markdown.ts +++ b/renderer/src/components/main-panel/chat/markdown/markdown.ts @@ -23,6 +23,12 @@ const pureHighLightMd = new MarkdownIt({ }); export const copyToClipboard = (text: string) => { + // 支持 nodejs 下运行 + const thisWindow = window as any; + if (!thisWindow || !thisWindow.navigator || !thisWindow.navigator.clipboard) { + return; + } + return navigator.clipboard.writeText(text); }; diff --git a/renderer/src/hook/color.ts b/renderer/src/hook/color.ts index c60aa61..f0086b0 100644 --- a/renderer/src/hook/color.ts +++ b/renderer/src/hook/color.ts @@ -147,8 +147,8 @@ interface GetColorOption { export class MacroColor { private option: ComputedColorOption; - private rootStyles: CSSStyleDeclaration; - private theme: 'light' | 'dark'; + private rootStyles?: CSSStyleDeclaration; + private theme: 'light' | 'dark' = 'dark'; public foregroundColor: RgbColor | undefined; public backgroundColor: RgbColor | undefined; public foregroundColorString: string; @@ -195,7 +195,7 @@ export class MacroColor { if (mode === 'svg') { // svg 模式下，导出的效果和 webview 渲染效果基本一致，直接导出即可 - return rootStyles.getPropertyValue(macroName); + return rootStyles?.getPropertyValue(macroName) || '#fff'; } // pdf 模式需要对黑色主题的几个特殊颜色进行处理，并对所有透明颜色进行混合处理 @@ -208,7 +208,7 @@ export class MacroColor { } } - const colorString = rootStyles.getPropertyValue(macroName); + const colorString = rootStyles?.getPropertyValue(macroName) || '#fff'; if (!colorString) { // 如果 macroName 不存在，返回空字符串 return colorString; diff --git a/renderer/src/hook/global.ts b/renderer/src/hook/global.ts index 150b552..6b013c9 100644 --- a/renderer/src/hook/global.ts +++ b/renderer/src/hook/global.ts @@ -18,6 +18,12 @@ export function getThemeColor(): 'light' | 'dark' { if (themeColor) { return themeColor; } + + const myDocument = document as any; + if (!myDocument) { + return 'dark'; + } + const rootStyles = getComputedStyle(document.documentElement); const backgroundColorString = rootStyles.getPropertyValue('--background'); const backgroundColor = Color.parseColor(backgroundColorString); diff --git a/renderer/src/router/index.ts b/renderer/src/router/index.ts index ec685f1..fea58db 100644 --- a/renderer/src/router/index.ts +++ b/renderer/src/router/index.ts @@ -39,7 +39,9 @@ const router = createRouter({ router.beforeEach((to, from, next) => { - if (to.meta.title) { + const myDocument = document as any; + + if (to.meta.title && myDocument) { document.title = `OpenMCP | ${to.meta.title}`; } next(); diff --git a/renderer/src/views/connect/connection.ts b/renderer/src/views/connect/connection.ts index ca26743..1d08213 100644 --- a/renderer/src/views/connect/connection.ts +++ b/renderer/src/views/connect/connection.ts @@ -1,8 +1,7 @@ import { useMessageBridge } from '@/api/message-bridge'; import { reactive, ref } from 'vue'; import { pinkLog } from '../setting/util'; -import { arrowMiddleware, ElMessage } from 'element-plus'; -import { ILaunchSigature } from '@/hook/type'; +import { ElMessage } from 'element-plus'; import { OpenMcpSupportPlatform } from '@/api/platform'; export const connectionMethods = reactive({ @@ -172,10 +171,7 @@ async function launchStdio(namespace: string) { message: msg }); - ElMessage({ - type: 'error', - message: msg - }); + ElMessage.error(msg); } } @@ -226,10 +222,7 @@ async function launchSSE(namespace: string) { message: msg }); - ElMessage({ - type: 'error', - message: msg - }); + ElMessage.error(msg); } } diff --git a/renderer/src/views/setting/color.ts b/renderer/src/views/setting/color.ts index 1c460c6..80a977f 100644 --- a/renderer/src/views/setting/color.ts +++ b/renderer/src/views/setting/color.ts @@ -26,6 +26,11 @@ export function onGeneralColorChange(colorString: string) { return; } const { r, g, b } = color; + + const myDocument = document as any; + if (!myDocument) { + return; + } document.documentElement.style.setProperty( '--main-color', `rgb(${r}, ${g}, ${b})`); diff --git a/webpack/webpack.task-loop.js b/webpack/webpack.task-loop.js index 21a799b..5d4e1c1 100644 --- a/webpack/webpack.task-loop.js +++ b/webpack/webpack.task-loop.js @@ -1,44 +1,61 @@ const path = require('path'); const TerserPlugin = require('terser-webpack-plugin'); +const webpack = require('webpack'); module.exports = { - mode: 'production', - entry: './renderer/src/components/main-panel/chat/core/task-loop-sdk.ts', - output: { - path: path.resolve(__dirname, '../openmcp-sdk'), - filename: 'task-loop-sdk.js', - libraryTarget: 'commonjs2' - }, - target: 'node', - resolve: { - extensions: ['.ts', '.js'], - alias: { - '@': path.resolve(__dirname, '../renderer/src'), // 修正路径别名 + mode: 'development', // 设置为 development 模式 + devtool: 'source-map', // 生成 source map 以便调试 + entry: './renderer/src/components/main-panel/chat/core/task-loop.ts', + output: { + path: path.resolve(__dirname, '../openmcp-sdk'), + filename: 'task-loop.js', + libraryTarget: 'commonjs2' }, - }, - module: { - rules: [ - { - test: /\.ts$/, - use: 'ts-loader', - exclude: /node_modules/, - }, - { - test: /\.vue$/, - use: { - loader: 'null-loader' - } - } + target: 'node', + resolve: { + extensions: ['.ts', '.js'], + alias: { + '@': path.resolve(__dirname, '../renderer/src'), // 修正路径别名 + }, + }, + module: { + rules: [ + { + test: /\.ts$/, + use: 'ts-loader', + exclude: /node_modules/, + }, + { + test: /\.vue$/, + use: { + loader: 'null-loader' + } + } + ], + }, + optimization: { + minimize: false, // 禁用代码压缩 + minimizer: [ + new TerserPlugin({ + extractComments: false, // 禁用提取许可证文件 + }), + ], + }, + plugins: [ + new webpack.DefinePlugin({ + window: { + nodejs: true, + navigator: { + userAgent: 2 + }, + performance: { + now: () => Date.now() + } + } + }), ], - }, - optimization: { - minimizer: [ - new TerserPlugin({ - extractComments: false, // 禁用提取许可证文件 - }), - ], - }, - externals: { - vue: 'vue', // 不打包 vue 库 - }, + externals: { + vue: 'vue', // 不打包 vue 库 + 'element-plus': './tool.js' + }, }; \ No newline at end of file