vue 的 Monaco 编辑器生成大量 .js 文件答案

【问题标题】：Monaco editor for vue generates lots of .js filesvue 的 Monaco 编辑器生成大量 .js 文件
【发布时间】：2021-07-12 19:39:45
【问题描述】：

我正在使用 Vue 在 Laravel 应用程序中实现 vue-monaco 插件。

步骤比较简单，我安装vue-monaco之类的：

npm install vue-monaco

然后在我的 Vue 文件中导入 monaco 编辑器，如下所示：

import MonacoEditor from 'vue-monaco'

我什至不使用它，只是导入它然后运行npm run watch。这导致 npm 在我的公共文件夹中创建了 63 个文件，如下图所示（显示了前 15 个，正在创建 63 个）。

为什么会发生这种情况，我该如何绕过它？

【问题讨论】：

只是推测，但它们可能是放错位置的 webpack 包块？
如何检查？

标签： javascript vue.js npm monaco-editor

【解决方案1】：

vue-monaco 基本上是您 web 视图中的 VScode，对吗？如果是这种情况，它可能正在创建一些配置文件以使其工作，这是完全正常的。

那些文件的内容和你的package.json (npm run watch) 的内容是什么？

如果您想为此插件自定义一些选项，看起来您需要深入了解这些设置：https://microsoft.github.io/monaco-editor/api/modules/monaco.editor.html#create 并将其作为道具传递给vue-monaco（此信息取自文档本身）。

否则，创建一个简单的 vue 项目也可以帮助调试 IMO，看看这些文件是否也是公开创建的，还是更多的是 laravel 配置问题。然后，你可以试试主JS项目的github issue：https://github.com/microsoft/monaco-editor/issues?q=is%3Aissue

【讨论】：

尝试使用配置选项，似乎没有任何帮助。生成的文件实际上是编辑器支持的不同语言的格式化程序（如 html、css、js、rust、go 等）。我不需要它们，但我找不到消除它们污染我的公用文件夹的方法。
他们可能需要使用插件。这样，您无需将它们链接到编辑器，因为它们在公共目录中可用。