在React中，有没有一种方法可以在所有IDE中使用绝对路径？

Question

我很高兴阅读这篇文章：https://medium.com/@ktruong008/absolute-imports-with-create-react-app-4338fbca7e3d

它概述了一种在前端代码的根目录中引入.env文件的方法，以允许像utils/requests这样的“绝对”路径而不是像../../../utils/requests这样的路径。所以我实现了它，并且...奏效了。对我来说，就是这样。

但是当我的同事将他的代码加载到PyCharm（我假设是WebStorm）中时，它失败了，因为那些IDE不支持这种方法。

鉴于已经快到2020年了，我想知道是否有一种方法可以允许React中的绝对路径在每个IDE中都能正常工作？

Answer 1

您可以在package.json内

  "dependencies": {
    "my-math": "file:local_modules/my-math",
    "my-util": "file:local_modules/my-util"
  }

并且可以在您的文件中使用

import { add } from 'my-math';
import { something } from 'my-util';

您也可以在webpack中做

  resolve: {
    alias: {
      '@util': path.resolve(__dirname, 'src/util')
    }
  }

并且可以在您的文件中使用

import { something } from '@util';