導入和導出文件夾中的所有.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

我創建了一個庫來完成所有這些工作，請點擊鏈接

命名出口