JavaScript — можно ли импортировать файлы * .vue в папку?

Question

JavaScript — можно ли импортировать файлы * .vue в папку?

Я ненавижу повторять вещи в коде. Сейчас я импортирую VUE файлы, как это в моем main.js.

import Default     from '../../src/components/default.vue';
import Home        from '../../src/components/home.vue';
import hakkinda    from '../../src/components/hakkinda.vue';
import projeler    from '../../src/components/projeler.vue';
import servisler   from '../../src/components/servisler.vue';
import yetenekler  from '../../src/components/yetenekler.vue';
import yetenek     from '../../src/components/yetenek.vue';
import referanslar from '../../src/components/referanslar.vue';
import iletisim    from '../../src/components/iletisim.vue';

Есть ли способ сделать то же самое с меньшим количеством строк? Может быть здорово, если я могу назначить имя переменной из имени файла. Может ли PHP помочь с этим? Но тогда как скомпилировать main.js? Я не разобрался.

4

javascript php vue-component vue.js

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Я использую этот сценарий в файле с именем «index.js», чтобы «экспортировать по умолчанию все экспортированные по умолчанию в каждом файле в текущей папке», например:

const files = require.context('.', false, /\.js$/)
const modules = {}
files.keys().forEach((key) => {
if (key === './index.js') return
modules[ key.replace(/(\.\/|\.js)/g, '') ] = files(key).default
})
export default modules

Затем вы можете импортировать весь каталог, импортируя его имя, так:

import folder from '../path/to/folder'

Надеюсь, это поможет.

5