通过动态导入动态重新加载后端的一部分

Question

在我的节点后端，我有以下文件结构：

project
|-- expensive
|   |-- index.ts
|-- files
|   |-- foo.ts
|   |-- bar.ts
|   `-- baz.ts
|-- tsconfig.json
|-- package.json
`-- index.ts

我只想重新加载项目的一部分 (./files/*)，而不必重新启动整个项目。我所做的是使用动态导入：

// inside index.ts...
const client = new Client() as Client;

client.expensive = new Map();
client.files = new Map()

// load each file under the `files` dir
client.loadFiles = async () => {
  const fileNames = readdirSync('./files/')
  fileNames.forEach(async name => {
    const module = await import('./files/' + name); // dynamic import
    client.files.set(module.default.name, module.default)
  })
}

// client.loadExpensive...

// load everything
async function loadAll(reload: boolean = false) {
  await client.loadFiles(reload);
  await client.loadExpensive(reload);
}

loadAll();
startApp();

那么重新加载函数将是：

// reload all or the specified dir
client.reload = async (dir?: string | undefined) => {
  if (dir) {
    dir = dir.replace(/^\w/, c => c.toUpperCase()); // capitalize
    if (client.hasOwnProperty('load'+dir)) client['load'+dir]();
    else console.error('no such dir')
  } else {
    await loadAll();
  }
}

问题出在项目加载和重新加载时没有错误。在 .files/* 下添加或删除文件，然后调用 .reload() 似乎不会产生任何变化。这是为什么？

在转换为 TS 之前，我使用了 require 和缓存破坏：

// additional reload arg
client.loadFiles = async (reload) => {
  const fileNames = readdirSync('./files/')
  fileNames.forEach(async name => {
    // delete require cache then require the file
    if (reload) delete require.cache[require.resolve(`./${dir}/${name}.ts`)];
    client.files.set(module.default.name, module.default)
  })
}

所以我查看了转译的 js 代码，看起来 import() 在下面使用 require。

const module = yield Promise.resolve().then(() => __importStar(require('./files/' + name)));

我做错了什么？或者这是一个值得遵循的好模式。

Answer 1

因为 import() 编译为 require()（大致），您需要像使用 TS 之前一样删除 require 缓存。

client.loadFiles = async (reload: boolean) => {
  const fileNames = readdirSync('./files/')
  fileNames.forEach(async name => {
    // Note that if you're using ts-node the extension will be ts not js
    if (reload) delete require.cache[require.resolve(`./files/${name}.js`)]
    const module = await import('./files/' + name); // dynamic import
    client.files.set(module.default.name, module.default)
  })
}

通过动态导入动态重新加载后端的一部分

Dynamic reloading only part of back-end with dynamic import

javascript

dynamic-import

node.js

typescript