导入和导出文件夹中的所有.vue文件

Question

我正在研究VueJS项目。

我有一个包含多个单个文件组件的文件夹，我需要将所有文件导出到一个index.js中

所以我有这个代码

import a from './a.vue'
import b from './b.vue'

export {
    a,
    b
}

但我想动态地执行此操作，因此不必在每次创建新组件时都更改index.js

有人帮忙吗？

Answer 1

从本文开始 ，您可以尝试以下操作：

const requireModule = require.context(".", false, /\.vue$/); //extract vue files inside modules folder
const modules = {};

requireModule.keys().forEach(fileName => {

  const moduleName = fileName.replace(/(\.\/|\.vue)/g, ""); //

  modules[moduleName] = requireModule(fileName).default;
});

export default modules;

Answer 2

我创建了一个库来完成所有这些工作，请点击链接

命名出口