How to move the common part of the project into a separate file using react+webpack?

Question

React

There is a URL that is used for different components. It is necessary to put it in a separate file (so that if the URL changes, you do not have to search for it throughout the code). How to do it right?

Answer 1

If I understood you correctly.
Make file routes.js
Write there

export const PAGE = { pageName: `/url/example`} // для роутинга
export const apiRoute = {getElement: '/get/element/:id'} // для api запросов

And then you can extend the PAGE and apiRoute objects import {PAGE} from 'config'