Как заменить цепочки ../../ на @ при импорте модулей JavaScript?
Если дело в WebPack, то см. resolve:

webpack.config.jsconst 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';
Нативно -- никак. Это "фичи" сборщиков. В основном называются alias. Ищите в документации вашего сборщика, если используется таковой.