html - 如何在摩纳哥编辑器中设置文件路径？

Question

这是文件中的一段 html 代码test.html。

<script src="monaco-editor/min/vs/loader.js"></script>
<script>
	require.config({ paths: { 'vs': 'monaco-editor/min/vs' }});
	require(['vs/editor/editor.main'], function() {
		var editor = monaco.editor.create(document.getElementById('container'), {
			value: [
				'function x() {',
				'\tconsole.log("Hello world!");',
				'}'
			].join('\n'),
			language: 'javascript'
		});
	});
</script>

这是我系统上的文件树。

ide ├── cpp14 │   ├── test.html ├── monaco └── node_modules ├── monaco-editor    └── test.html

test.html我将文件从复制monaco/node_moules/ 到cpp14

并将所有路径更改cpp14/test.html为

<script src="ide/monaco/node_modules/monaco-editor/min/vs/loader.js"></script>
<script>
	require.config({ paths: { 'vs': 'ide/monaco/node_modules/monaco-editor/min/vs' }});
	require(['ide/monaco/node_modules/monaco-editor/min/vs/editor/editor.main'], function() {
		var editor = monaco.editor.create(document.getElementById('container'), {
			value: [
				'function x() {',
				'\tconsole.log("Hello world!");',
				'}'
			].join('\n'),
			language: 'javascript'
		});
    });

这不起作用，我认为在片段中设置这些文件的路径存在错误。如何使这项工作？

Answer 1

尝试别名：

require.config({
    paths:{
         'ide/monaco/node_modules/test.html': 'ide/cpp14/test.html'
          'vs': '...'
    }
});