javascript - 如何使用 ES6 模块语法(解构)导入属性？

Question

import utilityRemove from 'lodash/array/remove';
import utilityAssign from 'lodash/object/assign';
import utilityRandom from 'lodash/number/random';
import utilityFind from 'lodash/collection/find';
import utilityWhere from 'lodash/collection/where';

let util;

util = {};

util.remove = utilityRemove;
util.assign = utilityAssign;
util.random = utilityRandom;
util.find = utilityFind;
util.where = utilityWhere;

使用 ES6 模块系统是否有更好的方法来完成上述操作？

Answer 1

如果你的模块中只有这些符号，我会缩短名称并使用新的对象速记来做:

import remove from 'lodash/array/remove';
import assign from 'lodash/object/assign';
import random from 'lodash/number/random';
import find from 'lodash/collection/find';
import where from 'lodash/collection/where';

let util = {
  remove,
  assign,
  random,
  find,
  where
};

如果这会导致冲突，您可以考虑将此部分移到它自己的模块中。能够在测试时替换 lodash 方法可能很有用。

由于每个符号都来自不同的模块，因此您无法组合导入，除非 lodash 为此目的提供组合导入模块。

如果您只是简单地导出符号而不使用它，您还可以考虑 this syntax :

export remove from 'lodash/array/remove';
export assign from 'lodash/object/assign';

对于任何导入和使用您的模块的人来说，它将显示为:

import {remove, assign} from 'your-module';