“ @”在诸如“ @ / assets / xyz”之类的路径中代表什么？

Question

有时我看到的路径写为“ @ / assets / XXX”，我认为它可能是指根目录（在Nodejs中）？但是我想这是一种语法，并不适用于所有地方，因为当我想引用根文件夹并尝试使用它时，它有时会中断。我不确定它的含义。

Answer 1

“ @”通常用作Webpack环境中常用路径（例如src /）的别名。您必须在配置文件中定义它，以便可以在构建过程中解析“ @”。

如果您在ES6环境中工作并多次导入组件，为组件路径创建别名会很方便。

---

示例（来源：webpack documentation）：

resolve.alias对象

创建别名以更轻松地导入或需要某些模块。例如，为一堆常用的src /文件夹添加别名：

webpack.config.js

module.exports = {
  //...
  resolve: {
    alias: {
      Utilities: path.resolve(__dirname, 'src/utilities/'),
      Templates: path.resolve(__dirname, 'src/templates/')
    }
  }
};

现在，而不是像这样在导入时使用相对路径：

import Utility from '../../utilities/utility';

您可以使用别名：

import Utility from 'Utilities/utility';

---

您可以在这里找到类似的答案：https://stackoverflow.com/a/42753045/10764912