У всех нас есть когда -то импортированные файлы или компоненты, подобные этому, в нескольких строках, это было бы нормально, если бы импортировался только один компонент или файл, но по мере роста кодовой базы написание операторов импорта для каждого отдельного файла будет утомительно, как мы Просто повторяю себя.
Мы импортируем компоненты, используя относительные пути, оставив SRC Папка и переход в Компоненты папка, а затем перейдет в конкретную компонентную папку.
Мы могли бы легко заменить это, импортируя все файлы из их соответствующей папки в одной строке, подобной этой, используя не относительный импорт.
Относительный и не связанный импорт
Примечание: В первом изображении компоненты экспортируются с использованием экспорта по умолчанию, а в последнем изображении не используется экспорт без по умолчанию.
Сначала нам нужно определить jsconfig.json Файл в корне нашего проекта. jsconfig.json имеет Compileroptions объект, который устанавливает baseurl быть SRC Папка для разрешения не связанного импорта.
Каждый компонент получает собственную папку, потому что компоненты включают несколько файлов, таких как CSS или иногда даже больше Поэтому имеет смысл иметь отдельную папку для каждой. Это выглядело бы примерно так с компонент Файл, CSS Файл и index.js Файл для экспорта компонента
В корне Компоненты Папка нам нужно определить index.js Файл, который будет экспортировать все Компоненты определено в нем.
Приложение Компонент импортируется в главном index.js Файл и конечный результат – это.
Мы также можем использовать наши импортные компоненты в других файлах компонентов, используя те же не связанные пути, подобные этому.
Используя таким образом, мы можем уменьшить наши чистого импорта наших файлов.
Оригинал: “https://dev.to/inosrahul/how-to-cleanly-import-your-files-no3”