Che cosa fa la modalità lazy del server di sviluppo webpack?

Question

Sono in esecuzione il mio webpack-dev-server con

webpack-dev-server --lazy --inline --progress --colors --port 8082 

Tuttavia, questo mostra un errore 404 nel browser quando si tenta di accedere bundle.js.

Tutto il resto sembra soddisfacente, poiché se sostituisco --lazy con --hot, le cose funzionano correttamente.

Che cosa fa esattamente --lazy?

Aggiornamento:

Ecco il file webpack -

module.exports = { 
    devtool: "source-map", 
    entry: [ 
     'webpack/hot/only-dev-server', // "only" prevents reload on syntax errors 
     "./app/main.js" 
    ], 
    output: { 
     path: "./js", 
     filename: "bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: "style-loader!css-loader"}, 
      { test: /\.js$/, exclude: /node_modules/, loaders: ["react-hot"] } 
     ] 
    } 
}; 

Answer 1

Dopo un po 'di debug ho scoperto che in webpack-dev-middleware (in webpackDevMiddleware funzione) c'è la seguente if:

// in lazy mode, rebuild on bundle request 
if(options.lazy && (!options.filename || options.filename.test(filename))) { 
    rebuild(); 
} 

La funzione rebuild() non viene mai eseguito perché options.filename.test(filename) away restituisce false. E questo perché il valore filename ha una barra ("/bundle.js"). Quindi, ho modificato l'espressione regolare options.filename per consentire questa barra e ha risolto il problema.

ho fatto una richiesta di pull su GitHub: https://github.com/webpack/webpack-dev-middleware/pull/62

Answer 2

Il modo pigro semplicemente non ricompilare ad ogni cambio, ma attende invece il prossimo Call al entrypoint per verificare le modifiche

Answer 3

Qui è la differenza tra --lazy e --hot:

--lazy: no watching, compiles on request. 

--hot: adds the HotModuleReplacementPlugin and switch the server to hot mode. 

al quindi, trovare ulteriori informazioni su HotModuleReplacementPlugin qui: https://github.com/webpack/docs/wiki/list-of-plugins.

consultare: http://webpack.github.io/docs/webpack-dev-server.html