Можно ли как то сократить запись однотипных импортов в js?

Question

[MortSith]

вот например можно ли такое сократить в одну две строчки?

import prod1 from '../components/ProdCards/prod1.vue'
import prod2 from '../components/ProdCards/prod2.vue'
import prod3 from '../components/ProdCards/prod3.vue'
import prod4 from '../components/ProdCards/prod4.vue'
import prod5 from '../components/ProdCards/prod5.vue'
import prod6 from '../components/ProdCards/prod6.vue'
import prod7 from '../components/ProdCards/prod7.vue'
import prod8 from '../components/ProdCards/prod8.vue'

Comments

[iBird Rose]

ты определенно что-то делаешь не так. и полюбому все эти prod{n}.vue можно сделать в одном prod.vue

[MortSith]

iBird Rose, я тоже так думаю), но на ошибках учатся

Answer 1

[Mikhail Osher]

Создайте в папке ProdCards index.js файл, которые будет экспортить все возможные prod1-8.
Затем уже импортите либо

import * as prodCards from '../components/ProdCards'

или же

import { prod2, prod7 } from '../components/ProdCards'

Answer 2

[Антон Антон]

Если используется webpack, то можно вот так:
https://webpack.js.org/api/module-methods/#dynamic...
но внимательно прочитай, что там написано, а то может бандл и время сборки вырасти весьма ощутимо

Comments

[MortSith]

использую Vite + Vue + vue-router

[Synbulat Biishev]

Динамический импорт вроде как особенность не webpack, а ESM