关于AceEditor组件库私有部署问题

青青子衿

根据使用文档描述，vform中使用的代码编辑器是AceEditor，相关文档：

现在遇到个问题，我们有很多套互不相通的内部环境，要给每套环境都私有部署AceEditor库，很不方便。

想知道把AceEditor组件库打入vform.js内是否可行？具体做法是什么样？

admin已获得悬赏 200 威望

最佳答案

看图说话。。。

• admin
• 发表于2023-04-06
• 详细答案 >

admin

看图说话。。。

青青子衿

admin 发表于 2023-4-6 11:49
看图说话。。。

按照上面图中描述修改后重新打包，发现vform项目的dist目录下除了生成VFormDesigner.umd.js库文件外，还生成了很多uuid命名的js库文件，如下：


业务项目中使用VFormDesigner.umd.js库时，会提示缺少uuid命名的js库文件，如下：


这个是要把这些uuid.js文件也引入业务项目？这样的话也太麻烦了，比再私有部署AceEditor都麻烦。。还是说我使用的姿势不对？

admin

是的，那些js就是AceEditor打包后生成的文件，需要在项目中引入。
引入也不麻烦，就是直接复制到项目的静态资源目录下即可。

青青子衿

admin 发表于 2023-4-6 14:34
是的，那些js就是AceEditor打包后生成的文件，需要在项目中引入。
引入也不麻烦，就是直接复制到项目的静态 ...

好吧。感谢解答。其实在提这个问题之前，我也用了一个替代方案：

1、不修改code-editor\index.vue内的加载方式，把aceEditor所需的库文件（src-min-noconflict）放到业务项目的静态目录下。
2、修改config.js里的ACE_BASE_PATH，让它从静态目录下拿（模拟本地部署）。

这个方式也实现了“私有部署”的效果，但是业务项目多，得在每个业务项目的静态目录下里放一个src-min-noconflict，感觉很不和谐。。。就想着把这个方法替换掉，才有了此贴。

现在经过一番指引，发现还是需要拷贝大量js文件到业务项目的静态目录，这个感觉就是又回到了原点。哈哈哈。

admin

青青子衿 发表于 2023-4-6 14:47
好吧。感谢解答。其实在提这个问题之前，我也用了一个替代方案：

1、不修改code-editor\index.vue内的 ...

你这个方法其实更简单。