代码游乐场中的多个js文件

Question

我想像JSfiddle一样创建app，但支持多个文件，比如在codesandbox中。我将创建如下所示的文件夹树。但是如何在import语句中使用它（从'./a.js'导入）我应该解析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.