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

Question

I am implementing vue-monaco plugin inside Laravel application using Vue.

The steps are rather easy, I install the vue-monaco like:

npm install vue-monaco

Then in my Vue file I import the monaco editor like:

import MonacoEditor from 'vue-monaco'

I don't even use it, just import it and then run npm run watch . This result in npm creating exactly 63 files in my public folder, like in the image below (first 15 are shown, 63 are being created).

Why does this happen and how can I bypass it?

Answer 1

vue-monaco is basically a VScode in your webview, right? If it's the case, it's probably creating some configuration files for it to work and this is totally normal.

What's the content of those files and the content of your package.json ( npm run watch )?

If you want to custom some options for this plugin, it looks like that you will need to dive into those settings: https://microsoft.github.io/monaco-editor/api/modules/monaco.editor.html#create and pass it as props to vue-monaco (this info is taken from the doc itself).

Otherwise, creating a simple vue project can help debug things too IMO, see if the files are created in public too or if it's more of a laravel configuration issue. Then, you could maybe try the github issue of the main JS project: https://github.com/microsoft/monaco-editor/issues?q=is%3Aissue