首页 > 解决方案 > webpack的模块导出resolve.alias上的at符号是什么意思?

问题描述

在检查使用 webpack 的 React 项目时,我注意到项目中的以下条目webpack.config.js

module.exports = {

  (...)

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

  (...)

}

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

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

标签: webpack

解决方案


它与 webpack 没有特别关系,只是自定义别名命名为@. 它可能被称为$or@srcwhatever

这是一个相当常见的缩写,使导入路径看起来像@/components/Button.


推荐阅读