@Persotr27

Как заменить цепочки ../../ на @ при импорте модулей JavaScript?

Здравствуйте.

Вместо вот этого:
import { User } from "../../../scenes/Account/User";
import { THEME_COLOR } from "../../constants/theme";
import { getUser } from "../services/userServices";


Надо, чтоб было вот это:
import { User } from "@scenes/Account/User";
import { THEME_COLOR } from "@constants/theme";
import { getUser } from "@services/userServices";


Как достичь такого эффекта?
  • Вопрос задан
  • 72 просмотра
Решения вопроса 2
sergiks
@sergiks Куратор тега JavaScript
♬♬
Если дело в WebPack, то см. resolve:

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';
Ответ написан
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
Нативно -- никак. Это "фичи" сборщиков. В основном называются alias. Ищите в документации вашего сборщика, если используется таковой.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
IVinete
@IVinete
Учусь на ошибках!
Если используете Vitejs то в vite.config.js пропишите это:

import path from 'path'

/**
 * @type {import('vite').UserConfig}
 */
export default {
  alias: {
    '/@': path.resolve(__dirname, 'src')
  }
....
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
XPOWER Одесса
от 3 000 до 5 500 $
Artezio Москва
от 160 000 до 220 000 ₽