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

Question

我正在研究VueJS项目。

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

所以我有这个代码

n

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

有人帮忙吗？

Answer 1

在this article中，您可以尝试以下操作：

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

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

named-exports