javascript - 代码 Playground 中的多个 js 文件

Question

我想创建像 JSfiddle 这样的应用程序，但支持多个文件，就像在codesandbox 中一样。我将创建如下所示的文件夹树。但是如何在导入语句中使用它(从'./a.js'导入a)我应该解析js文件以从导入中提取路径并沿着该路径获取内容(节点值)还是什么？

var app = new Vue({
  el: '#app',
  data:
  {
    value: '',
    tree: [
      {
        label: 'Root',
        value: 'root',
        nodes: [
          {
            label: 'Child with children',
            value: 'child_parent',
            nodes: [
              {
                label: 'Child from child',
                value: 999
              }
            ]
          },
          {
            label: 'Child lonewolf',
            value: -10
          }
        ],
      }
    ],
  }
});

Answer 1

我认为您正在寻找 codesandbox.io 。创建沙箱时，您可以添加多个文件。

正如您在我的示例中看到的，我可以通过单击“新建文件”图标来创建文件 a.js。