javascript - 在不影响可读性的情况下同时从 'lodash' 、 'rxjs' 、 'ramda' 导入 { map }

Question

如何从多个导入中导入 map 或 merge 或任何其他函数？

import { map } from 'lodash';
import { map } from 'rxjs/operators';
import { map } from 'ramda';

显而易见的答案是:

import { map as _map } from 'lodash';
import { map as rxMap } from 'rxjs/operators';
import { map as RMap } from 'ramda';

但这很丑陋并且使代码模糊不清。由于静态分析的局限性，我认为这是一种 hack，不是解决方案，而是一种解决方法

我可以想出另一种方法:

import * as _ from 'lodash';
import { map } from 'rxjs/operators';
import * as R from 'ramda';

但是，由于 tree-shaking 的原因，JS 社区对此不以为然。但是，我认为它过度夸大，only saving 45kb .

Answer 1

基本上您可以创建自己的实用程序包。例如:

// utils/lodash.js
export { map, get, set } from 'lodash';

// yourScript.js
import * as _ from 'utils/lodash';