javascript - 是否可以在文件夹中导入 *.vue 文件？

Question

我讨厌在代码中重复内容。现在我正在我的 main.js 中导入这样的 vue 文件。

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呢？没想到。

Answer 1

我在一个名为“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'

希望对您有所帮助。