我无法正确创建别名

Question

我想在我的react项目（CRA 3.1.1）中创建别名，但是我无法实现它。我尝试了几种选择，但都没有用。在某些博客之后，我仅设法为简单的“ src”文件夹添加了别名。就我尝试从那里继续下去，它是行不通的。

我的文件夹结构如下：

• client / index.js
• client / src / components
• client / src / components / App / App.js

我想在index.js中做

：

import App from "App/App.js";

我的jsconfig.json如下：

{
  "compilerOptions": {
  "target": "es2018",
  "checkJs": true,
  "baseUrl": "src"
},
"include" : ["src" , "src/components"],
"exclude": ["node_modules", "**/node_modules/*"]
}

Answer 1

在您的webpack配置中，在resolve对象内部定义alias。例如，如果您要使用App而不是给出完整路径client/src/components/App，则可以编写如下内容：

...
resolve: {
  ...
  alias: {
    'App': 'client/src/components/App'
  }
  ...
}
...

如果您看不到Webpack配置，则可能需要在CRA应用上运行yarn eject。