1.说明
- 前提:使用框架为 vue3 + vite + ts。
- 使用该插件时,发现多级目录时,打包的index.html中,相关的monaco资源引用路劲不支持。如下图中的路径:
- 给作者提出问题后,添加配置:customDistPath,更新版本后,配置如下章节。
2.vite-plugin-monaco-editor介绍
-
该插件为vue3+vite框架下的monaco继承插件,源码:github.com/vdesjs/vite…
-
配置的代码
import monacoEditorPlugin from "vite-plugin-monaco-editor";
monacoEditorPlugin({
customDistPath: (root, buildOutDir) => {
return join(root, buildOutDir + "/monacoeditorwork");
}
})
注意:插件版本 >= 1.1.0