Привет, это будет короткая запись, в которой я покажу вам способ улучшить поиск/загрузку пути к файлу. Несмотря на название, вы можете применить это к любому проекту, который поддерживает конфигурацию 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
из любой части вашего проекта, и если вы переместите файл в другую папку, новый путь будет обновлен для всех файлов 😎.
Спасибо, напишу вам позже!