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

Question

我正在开发一个VueJS项目。

我有一个文件夹，里面有几个单文件组件，我需要将它们全部导出到一个index.js中。

所以我有了这段代码

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

export {
    a,
    b
}

但我希望能够动态地完成这个操作，这样我就不必每次创建新组件时都更改index.js。有人可以帮忙吗？

- Yung Silva

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;

- Hammerbot

Answer 2

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

named-exports

- Yung Silva