webpack 模块导出的resolve.alias 上的at 符号是什么意思？

Question

在检查使用 webpack 的 React 项目时，我注意到项目的

webpack.config.js

上有以下条目：

module.exports = {
  resolve: {
    extensions: ['.js', '.jsx', '.json'],
    alias: {
      '@': resolvePath('src'),
    },
  },
}

我已经梳理了webpack关于resolve.alias的文档，但是对at字符的提及为零。

有谁知道 at 字符的含义以及它的记录在哪里？

Answer 1

它与 webpack 没有具体关系，只是名为

@

的自定义别名。它可能被称为

$

或

@src

或

whatever

。

这是一个相当常见的缩写，使导入路径看起来像

@/components/Button

。