Dimensione massima del pacchetto Webpack

Question

La mia configurazione corrente è 1 file bundle.js con le risorse principali di cui l'applicazione ha bisogno (angolare ecc.) E tutti gli altri sono pigri caricati tramite require.ensure nel codice dell'applicazione.

Dopo aver ridotto il valore, bundle.js supera i 100 KB con le basi per l'applicazione. E 'possibile dire a webpack di dividere il bundle principale fino a un massimo di 20KB o blocchi in modo che il browser possa scaricarli contemporaneamente?

Answer 1

Non ho trovato un buon modo per suddividere i blocchi in base al risultato del pacchetto stesso. È possibile impostare una dimensione minima per i blocchi di output in modo che vengano uniti quando non ci sono molti byte nel blocco.

// This plugin prevents Webpack from creating chunks 
    // that would be too small to be worth loading separately 
    new webpack.optimize.MinChunkSizePlugin({ 
     minChunkSize: 51200, // ~50kb 
    }), 

Ma, so che non è quello che stai cercando. Sfortunatamente, sembra che nessuno abbia mai scritto qualcosa del genere. Sembra un interessante plugin to write!

Inoltre, dai un'occhiata a questo blog, che illustra alcune delle nozioni di base sulla suddivisione. http://blog.madewithlove.be/post/webpack-your-bags/

Answer 2

È possibile con "AggressiveSplittingPlugin". Lo si può trovare qui: https://github.com/webpack/webpack/tree/master/examples/http2-aggressive-splitting

prega di notare che questo plugin è disponibile solo se si utilizza webpack 2.