导出默认{名称}和命名导出{名称}之间的区别

Question

我正在尝试弃用具有许多命名导出的模块，如下所示：

const Foo = () => 'foo';
const Bar = () => 'bar';

export { Foo };
export { Bar };

通过以下方式消费时很好：

import { Foo, Bar } from './something';

我关于启用弃用警告的想法是使用类型对象的默认导出，并为打印弃用然后返回模块的每个键使用属性 getter 覆盖。

然后形状变成这样：

const something = {};
Object.defineProperty(something, 'Foo', {
  get(){
    console.warn('Foo is deprecated soon');
    return Foo;
  }
});
// etc
export default something;

我的想法是解构导入会解决这个问题

import { Foo, Bar } from './something';

... 将继续像以前一样工作。相反，webpack 抱怨某些东西没有命名的导出 Foo 或 Bar

但是，使用它可以：

const { Foo, Bar } = require('./something');

我也可以拥有import something from './something'; const { Foo, Bar } = something，这很有效，但如果我必须重构每个存在的导入，它就达不到目的。

所以问题 真的 是关于 import { Foo, Bar } from './something'; 与 require() 相比如何工作 - 我曾认为如果默认导出是一个对象，它会弄清楚并解构，但没有快乐。

是否有一种简单的方法可以在不改变出口在其他地方的消费方式的情况下进行这种“代理”？

Answer 1

我想我成功了。请记住，这是一种解决方法。

鉴于您说库正在从单个文件“重新导出”，您可以在“重新导出”中添加一个额外的“层”，我们将“重新导出”文件转换为 JS 文件并为它编写我们自己的关联打字文件。

工作回复：https://repl.it/@Olian04/CelebratedKlutzyQuotes

代码sn-ps：

// index.ts
// consuming the library
import { Foo } from './demo';

console.log(Foo());

// library.ts
// the library it self
const Foo = () => 'foo';

export { Foo }

// demo.js
// the workaround implementation 
const depricatedLibrary = require('./library');

const something = new Proxy(depricatedLibrary, {
  get(obj, key) {
    if (typeof key === 'string') {
      console.warn(key + ' is deprecated soon');
    }
    return obj[key];
  }
});

module.exports = something;

// demo.d.ts
// the workaround types
export * from './library';