从文件夹导入和导出所有 .vue 文件答案

【问题标题】：import and export all .vue files from the folder从文件夹导入和导出所有 .vue 文件
【发布时间】：2019-08-25 13:08:00
【问题描述】：

我正在做一个 VueJS 项目。

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

所以我有这个代码

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

export {
    a,
    b
}

但我想动态地这样做，所以我不必每次创建新组件时都更改这个 index.js

有人帮忙吗？

【问题讨论】：

标签： javascript node.js vue.js vuejs2 vue-component

【解决方案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;

【讨论】：

【解决方案2】：

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

named-exports

【讨论】：