• 将编辑器控件js、wasm作为资源集成到第3方应用系统中
  如此，升级编辑器时只需要在服务器更新覆盖编辑器库文件即可，应用系统无需重新编译发版
• 应结合E-Tag或其他清理缓存机制，确保服务器更新了编辑器控件版本，客户端可以自动拉取下载最新的编辑器控件库文件

step1: 解压控件 部署到pulic/editor目录

• 其他自定义的pulic目录也可以

step2: import库文件时 使用路径别名

方式一：使用路径别名

import { ThinkEditor } from '@editorLib/ThinkEditor.js'

方式二：使用全路径

• 注意 端口号 为应用服务 的实际端口号

import { ThinkEditor } from 'http://localhost:5173/editor/ThinkEditor.js'
or
import { ThinkEditor } from 'http://xxx.xxx.xxx.xxx:xxxx/editor/ThinkEditor.js'

step3: 使用@editorLib时 需设置编译环境路径别名

vite环境设置 $editorLibPath

方式一：简单设置-vite.config.ts

• 注意 端口号 为应用服务 的实际端口号

vite.config.ts

    resolve: {
      alias: {        
        $editorLibPath: 'http://localhost:5173/editor'
      },
    },

方式二：区分本地调试还是服务器部署-有利于开发阶段代码联想

vite.config.ts

    resolve: {
      alias: {
        @editorLib:
          process.env.NODE_ENV == 'dev'
            ? path.resolve(__dirname, './public/editor')
            : 'http://localhost:5173/editor',
      },
    },

说明

• [必要]’http://localhost:5173/editor' 指向编辑器库文件路径。本地代码调试dev和部署环境都可以使用相同的配置。缺点：本地代码调试dev环境，写代码时IDE无法联想出编辑器接口关键字
• [非必要]process.env.NODE_ENV == ‘dev’ 判断是开发环境还是部署环境
• [非必要]path.resolve(__dirname, ‘./public/editor’) 开发环境使用本地路径，写代码时IDE才能联想出编辑器接口关键字