如何在CommonJS的require()中实现类似ES模块baseUrl的根路径导入

针对你使用Next.js、前后端分别用ES模块和CommonJS的场景，可按以下方案实现需求：

方案1：配置Next.js路径别名（优先推荐） #

Next.js的webpack打包会同时处理前端ES模块导入和后端CommonJS的require()语法，你只需要在next.config.js中配置别名即可，和你已有的jsconfig.json配置适配：

// next.config.js
const path = require('path')

module.exports = {
  // 其他next配置项保留
  webpack: (config) => {
    // 这里的base对应你导入的前缀，path.resolve里的路径改成你实际base目录的位置
    config.resolve.alias['base'] = path.resolve(__dirname, 'base')
    // 如果你设置的baseUrl是项目根目录，也可以配置全局别名比如
    // config.resolve.alias['@'] = path.resolve(__dirname, 'src')
    return config
  }
}

配置完成后重启项目，即可直接使用const Grand = require('base/child/grands')写法，前端的ES模块导入写法也无需修改，同时IDE的路径提示可通过原有jsconfig.json配置保证正常。

方案2：原生Node.js场景适配（仅适用于独立于Next.js打包的Node代码） #

如果你有单独运行、不经过Next.js打包的Node.js服务代码，可以用以下两种方式实现：

方式1：配置NODE_PATH环境变量 #

启动项目时在命令前添加NODE_PATH指向你项目的根目录即可，Node会自动从该目录查找模块：

# 示例：next启动命令
NODE_PATH=. next dev
# 示例：独立Node脚本启动
NODE_PATH=. node server.js

方式2：使用module-alias包 #

1. 安装依赖：

npm install module-alias

2. 在Node服务的入口文件最顶部引入注册：

require('module-alias/register')

3. 在项目package.json中添加别名配置：

{
  "_moduleAliases": {
    "base": "./base"
  }
}

内容的提问来源于stack exchange，提问作者ABDULLOKH MUKHAMMADJONOV