Привет, это будет короткая запись, в которой я покажу вам способ улучшить поиск/загрузку пути к файлу. Несмотря на название, вы можете применить это к любому проекту, который поддерживает конфигурацию package.json.

Проблема

Когда вы создаете файл глубоко внутри своего проекта, и вам нужно использовать ресурс, универсальный компонент, вспомогательный класс и т. д. Вы должны импортировать его, выполняя ./../../../assets/icon/logo.png Я не знаю вас, но я не люблю гадать 🤔, потому что IDE помогает вам, но иногда нет.

Кроме того, представьте, что вы решили, что logo.png не принадлежит папке icon, и хотите переместить его в папку logo, вы перемещаете его в новую папку, но вам нужно переходить к каждому файлу и обновлять путь 😱.

Решение

Представьте, что у вас есть примерно такая структура:

Возможно, у вас есть еще папки внутри home или других.

Чтобы получить доступ к папке assets из home, мы должны сделать как минимум ../assets/, но было бы неплохо просто сделать assets/ из любого места?

Вам нужно только сделать эти шаги и бум! ты облегчаешь себе жизнь.

  • Перейдите в папку assets и создайте package.json и добавьте это внутрь
  • Затем вы можете перейти к своему основному package.json и dependecies добавить свою папку assets вот так.

Резюме

После выполнения этих шагов, возможно, вам придется выполнить npm install, и вы сможете получить доступ к своей папке assets из любой части вашего проекта, и если вы переместите файл в другую папку, новый путь будет обновлен для всех файлов 😎.

Спасибо, напишу вам позже!