Можно ли как то сократить запись однотипных импортов в js?
Создайте в папке ProdCards index.js файл, которые будет экспортить все возможные prod1-8.
Затем уже импортите либо import * as prodCards from '../components/ProdCards' или же import { prod2, prod7 } from '../components/ProdCards'
Если используется webpack, то можно вот так:
https://webpack.js.org/api/module-methods/#dynamic...
но внимательно прочитай, что там написано, а то может бандл и время сборки вырасти весьма ощутимо