Загрузка модулей Vuex Динамически измените расширение с помощью пути к вложенной папке.

Question

Здравствуйте, я пытаюсь динамически импортировать мои модули Vuex в мой проект. В моем примере у меня есть папка моего магазина под ней, у меня есть папка модулей под ней, и у каждого есть свой собственный индексный файл.

ссылаясь на эту статью https://dev.to/simo_benhida/tip---import-vuejs-modules-at-once-58dl, я должен создать индекс. js файл в папке модуля и использование его в моем индексе. js для моего магазина vuex

Моя проблема в том, что я хочу поместить каждый модуль в его папку, чтобы его было легче читать, но это не работает.

индекс модуля. js файл

// module/index.js
import camelCase from "lodash/camelCase";

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

requireModule.keys().forEach(fileName => {
  if (fileName === "./index.js") return; // reject the index.js file

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

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

индекс моего магазина. js

//store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
// import vehicles from './modules/vehicles/vehicles'
// import menu from './modules/menu/menu'
// import auth from './modules/auth/auth'
import modules from "./modules";

Vue.use(Vuex)

const index = new Vuex.Store({
  modules: modules,
  // Enable strict mode in development to get a warning
  // when mutating index outside of a mutation.
  // https://vuex.vuejs.org/guide/strict.html
  strict: process.env.NODE_ENV !== 'production',
})

export default index

, чтобы объяснить это, у меня есть эта строка кода измените имя файла. js на имя файла, чтобы я мог использовать его в моем для каждого l oop

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

Также этот снимок экрана объясняет мою проблему

vehicles.js >> works
auth/auth.js menu/menu.js >> doesn't work