Concat Objekt-Array mit dem gleichen Namen

Question

Ich habe eine App in vue.js mit vuex, die einige Module implementieren, was ich mache Objekte verketten, um einige Aktionen, Getters, Mutationen zu bekommen. So:

const files = require.context('../../renderer/', true, /\?*.actions.js|.\?*.getters.js|.\?*.mutations.js$/); 
const modulesSrc = {}; 

files.keys().forEach((key) => { 
    modulesSrc[key.replace(/(\.*\/|\.js)/g, '')] = files(key).default; 
}); 

export default modulesSrc; 

Was ich erhalte, ist es:

---

Wenn ich versuche, die Regex zu ändern, indem man nur den Namen des Ordners zu arbeiten, geht es wie dies:

const files = require.context('../../renderer/', true, /\?*.actions.js|.\?*.getters.js|.\?*.mutations.js$/); 
const modulesSrc = {}; 

files.keys().forEach((key) => { 
    modulesSrc[key.replace(/(\.*\/|\.js|actions?|getters?|mutations)/g, '')] = files(key).default; 
}); 

export default modulesSrc; 

Aber innerhalb des Elements, es wird nur die letzte Datei, und nicht mit den anderen concat.

---

Ich mag diese Highlight-Objekte (erste reguläre Ausdrücke) erhalten:

Innerhalb dieser Ausgabe (letzten regulären Ausdrücke):

Was kann ich tun ?

Danke!

Answer 1

Mein Vorschlag ist einfacher und erfordert nicht den zusätzlichen Aufwand von regex:

const key = '/home/folder/something/mutations.js' 
 
const filename = key.substring(key.lastIndexOf('/') + 1, key.lastIndexOf('.')) 
 
console.log(filename)