"@"在像"@/assets/xyz"这样的路径中代表什么？

Question

有时我会看到写成"@/assets/XXX"的路径，我认为它指的是根(在 Nodejs 中(？但我想这是一种不适用于任何地方的语法，因为当我想引用根文件夹并尝试使用它时，它有时会中断。我不确定它的含义。

Answer 1

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

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

---

示例(来源：webpack 文档(：

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