javascript - 我无法正确创建别名

Question

我想在我的 React 项目(CRA 3.1.1)中创建别名，但我无法实现它。我尝试了几种选择，但没有一个有效。我只设法为一些博客后面的简单“src”文件夹添加别名。据我尝试从那里继续，它不起作用。

我的文件夹结构如下:

• 客户端/index.js
• 客户端/src/组件
• 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 应用上运行 yarnject。