使用Node.js中的相对路径导入ES模块

Question

过去，每当我想在Node.js应用程序中拥有相对路径时，我都会使用app module path。如果我通过.mjs格式使用ES模块，在某个目录路径变为相对路径时，我如何具有相同的功能？

另一种方法是，我是否能够将别名分配给目录，使所有相对路径都与该别名相关，就像/是相对于当前目录的路径的别名一样。

Answer 1

更高版本，适用于ES模块。

到目前为止，我找到的最简单的方法是使用实验性特性--loader。

我使用类似的东西来要求从“@config”导入{SOME_CONSTANT}，或者从“@server/connection”导入{createConnection}。

加载程序代码：

import path from 'path'
import fs from 'fs'

export function resolve (specifier, parentModuleURL, defaultResolver) {
  specifier = specifier.replace(/^@/, path.resolve('.') + '/src/')
  specifier = fs.existsSync(specifier) && fs.lstatSync(specifier).isDirectory() ? `${specifier}/index` : specifier
  specifier += '.js'
  return defaultResolver(specifier, parentModuleURL)
}

然后node——实验模块——loader./moduleResolver.js./myScriptWithoutExtension

注意：如果您在最近的package.json中指定了type"："模块"，则不需要使用. mjs扩展名。你可以保持无扩展。
注2：你可以用你通常放代码的地方替换src字符串，你甚至可以有一个基于process.env.NODE_ENV的分辨率。
注3：如果你给一个目录@，它将期望找到一个index.js文件。

Answer 2

通过对内置的modulemodule进行猴子补丁，可以为加载了require的CommonJS模块的某些路径提供别名。

ES模块提供了一种通过指定自定义ES模块加载器来更改模块加载行为的方法，如本相关答案中所述。

这样，根源路径（将相对加载程序位置指定）可以映射到某些别名（@是前端项目的常规）：

定制加载程序.mjs

import path from 'path';

const ROOT_PATH = new URL(path.dirname(import.meta.url) + '/src').pathname;

export function resolve(specifier, parentModuleURL, defaultResolver) {
    specifier = specifier.replace(/^@/, ROOT_PATH);
    return defaultResolver(specifier, parentModuleURL);
}

它的用法如下：

node --experimental-modules --loader ./custom-loader.mjs ./app.mjs

请注意，这为ES模块提供了一种不自然的行为，这可能会影响其他工具（如IDE）如何处理这段代码。