我相信你看到的是别名。

在webpack身上，我们可以做到这一点。

附注：以下摘自文档

Webpack.config.js

const path = require('path');

module.exports = {
  //...
  resolve: {
    alias: {
      Utilities: path.resolve(__dirname, 'src/utilities/'),
      Templates: path.resolve(__dirname, 'src/templates/'),
    },
  },
};

现在，在导入时不使用相对路径，如下所示：

import Utility from '../../utilities/utility';

您可以使用别名：

import Utility from 'Utilities/utility';

https://webpack.js.org/configuration/resolve/

或

您也可以使用像modules-alias这样的模块来实现相同的目标。

或

如果使用巴别塔->https://github.com/timkendall/babel-plugin-base-path