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



@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'


Решения вопроса 0


Ответы на вопрос 2



@miraage

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

или же

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



@Fragster

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *