Node.js中require路径里的@符号含义是什么？

Node.js本身不原生支持require路径里的@符号，它是项目通过自定义配置设置的路径别名，核心作用是简化模块引用的写法。

比如你给出的示例代码：

let bla = require('@/api/blabla');

这里的@通常被配置为项目根目录或者src目录的别名，替代了冗长的相对路径（比如原本可能需要写require('../../api/blabla')）。

为什么要用这种别名？ #

• 简化路径书写：不用再一层层数../，代码更整洁易读
• 降低维护成本：如果项目目录结构调整，只需要修改别名的配置，不用逐个文件修改引用路径

常见的配置场景 #

• Webpack构建项目：在webpack.config.js的resolve.alias中配置：

  const path = require('path');
  module.exports = {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src')
      }
    }
  };
  

• Vue CLI/Nuxt.js等框架：这类框架内置了@的默认配置，直接指向项目的src目录，无需额外配置
• Node.js原生项目：可以使用module-alias这类npm包实现，在项目入口文件中添加：

  const moduleAlias = require('module-alias');
  moduleAlias.addAlias('@', __dirname); // 这里__dirname代表项目根目录
  

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