关于vite-plugin-monaco-editor插件的多级目录配置

1,255 阅读1分钟

1.说明

  • 前提:使用框架为 vue3 + vite + ts。
  • 使用该插件时,发现多级目录时,打包的index.html中,相关的monaco资源引用路劲不支持。如下图中的路径: image.png
  • 给作者提出问题后,添加配置:customDistPath,更新版本后,配置如下章节。

2.vite-plugin-monaco-editor介绍

  1. 该插件为vue3+vite框架下的monaco继承插件,源码:github.com/vdesjs/vite…

  2. 配置的代码

import monacoEditorPlugin from "vite-plugin-monaco-editor";

monacoEditorPlugin({
  customDistPath: (root, buildOutDir) => {
    return join(root, buildOutDir + "/monacoeditorwork");
  }
})

注意:插件版本 >= 1.1.0