react中import XX from "@XXX",这个@怎么配置，在哪里配置。

Question

RT，想要配置一下@到一个制定目录，求助。react中import XX from "@XXX",这个@怎么配置，在哪里配置？

Answer 1

webpack的配置文件中，就是设置entry 、output的那个文件中，有个resolve配置项，在其中设置alias,也就是设置路径别名，减少路径复杂度
下面的例子中我设置了两个路径的别名，分别是@和Static

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src'),
      'Static': resolve('static')
    }
  }

指路：alias中配置@的意思