javascript - 导出对象以在另一个 JavaScript 文件中重用，无需使用默认运算符

Question

我在树中有两个文件定义了一个对象。

common.js 文件。

export default {
  table: {
    actions: {
      save:   'Save',
      delete: 'Delete',
      update: 'Update'
    }
  }
};

在另一个文件中，我正在调用我刚才提到的 common.js 文件。

var common = require('common.js');

每当我访问该对象时，如上所述，我都会得到这个；

console.log(common);

{
  common:{
    default: {
      table: {
        actions: {
          save: 'Save',
          delete: 'Delete',
          update: 'Update'
        }
      }
    }
  }
}

我期待得到的是以下内容；

{
  common: {
    table: {
      actions: {
        save:   'Save',
        delete: 'Delete',
        update: 'Update'
      }
    }
  }
}

即没有default键。有没有办法可以导出表对象并在没有默认键的情况下获取它？

Answer 1

只需使用 import 语法而不是 require 语法，导入的值将是默认导出:

import common from 'common.js';
const obj = {
  common,
  // ...
}

https://codesandbox.io/s/5350980o54