Come caricare tutti i file in una sottodirectory usando il webpack senza richiedere istruzioni

Question

Ho una grande quantità di file javascript suddivisi in 4 sottodirectory nella mia app. In grugnito li afferro tutti e li compilo in un unico file. Questi file non hanno una funzione module.exports

Voglio usare il webpack e dividerlo in 4 parti. Non voglio entrare manualmente e richiedere tutti i miei file.

Mi piacerebbe creare un plug-in che sulla compilazione passi gli alberi delle directory, quindi afferra tutti i nomi e i percorsi dei file .js, quindi richiede tutti i file nelle sottodirectory e lo aggiunge all'output.

Voglio tutti i file in ogni directory compilati in un modulo che potrei quindi richiedere dal mio file del punto di ingresso, o includere nelle risorse che menziona http://webpack.github.io/docs/plugins.html.

Quando si aggiunge un nuovo file, voglio solo inserirlo nella directory corretta e sapere che sarà incluso.

C'è un modo per farlo con webpack o un plugin che qualcuno ha scritto per fare questo?

Answer 1

Questo è quello che ho fatto per raggiungere questo obiettivo:

function requireAll(r) { r.keys().forEach(r); } 
requireAll(require.context('./modules/', true, /\.js$/)); 

Answer 2

Nel mio file app che ha finito per mettere il richiedono

require.context(
    "./common", // context folder 
    true, // include subdirectories 
    /.*/ // RegExp 
)("./" + expr + "") 

per gentile concessione di questo post: https://github.com/webpack/webpack/issues/118

Ora è l'aggiunta di tutti i miei file. Ho un caricatore per html e css e sembra funzionare alla grande.

Answer 3

Come su una mappa di tutti i file in una cartella?

// { 
// './image1.png': 'data:image/png;base64,iVBORw0KGgoAAAANS', 
// './image2.png': 'data:image/png;base64,iVBP7aCASUUASf892', 
// } 

fare questo:

const allFiles = (ctx => { 
    let keys = ctx.keys(); 
    let values = keys.map(ctx); 
    return keys.reduce((o, k, i) => { o[k] = values[i]; return o; }, {}); 
})(require.context('./path/to/folder', true, /.*/)); 

Answer 4

questo funziona per me:

function requireAll(r) { r.keys().forEach(r); } 

requireAll(require.context('./js/', true, /\.js$/)); 

NOTA: questo può richiedere i file .js nella sottodirectory di ./js/ in modo ricorsivo.