Posso usare webpack sul lato client senza server nodejs?

Question

Sto cercando di creare un'app Web in cui voglio archiviare tutti i file html, js e css su amazon s3 e comunicare con un server riposante tramite API.

Sto cercando di ottenere il caricamento lazy e magari il routing con il router di risposta. Sembra che il webpack abbia questa suddivisione del codice funzione che funzionerebbe allo stesso modo del caricamento lento.

Tuttavia, tutti i tutorial e gli esempi che ho trovato riguardano webpack-dev-server, che è un piccolo server express nodo. Esiste comunque la possibilità di generare bundle in fase di compilazione e caricare tutto su amazon s3 e ottenere qualcosa di simile a OcLazyLoading di Angular?

Answer 1

È sicuramente possibile creare un file js bundle statico, che è possibile utilizzare nel codice di produzione che non include webpack-dev-server.

Vedere this example come riferimento (nota: sono il proprietario di questo repo). webpack.prod.config.js crea un file bundle pronto per la produzione utilizzando webpack tramite node.js che di per sé non richiede più node.js. Per questo motivo puoi semplicemente servirlo come un semplice file statico (che viene eseguito nell'esempio dal vivo).

La differenza principale è la modalità di scrittura dei punti di ingresso negli ambienti di sviluppo e produzione. Per lo sviluppo webpack-dev-server viene utilizzato

module.exports = { 
    entry: [ 
     'webpack-dev-server/client?http://localhost:3000', 
     'webpack/hot/only-dev-server', 
     './src/index' 
    ], 
    // ... 
} 

Nell'ambiente di produzione si salta la parte webpack-dev-server e il ricarico caldo

module.exports = { 
    entry: [ 
     './src/index' 
    ], 
    // ... 
} 

Se si desidera dividere il codice in più di un fascio, si potrebbe desiderare di dare un'occhiata a come definire multiple entry points e collegare i file di conseguenza.