路径别名#

路径别名（alias）允许开发者为模块定义别名，以便于在代码中更方便的引用它们。当你想要使用一个简短、易于记忆的名称来代替冗长复杂的路径时，这将非常有用。

例如，假如你在项目中经常引用 src/common/request.ts 模块，你可以为它定义一个别名 @request ，然后在代码中通过 import request from '@request' 来引用它，而不需要每次都写出完整的相对路径。 同时，这也允许你将模块移动到不同的位置，而不需要更新代码中的所有 import 语法。

在 EMP 中，您可以通过配置 resolve.alias 来进行路径别名设置。

配置#

EMP 提供了 resolve.alias 配置项对路径别名进行设置，具体配置如下：

export default defineConfig(store => {
  return {
    resolve: {
      alias: {
        '@common': store.resolve('/src/common')
      }
    },
  }
})

按照上述配置设置完后，如果你在代码中引用 @common/Foo.tsx, 则会映射到 <project>/src/common/Foo.tsx 路径上。