Dev server और hot reload

Development server के benefits

webpack-dev-server bundles को memory से serve करता है instant feedback के लिए। HMR (Hot Module Replacement) changed modules को full page reload के बिना replace करता है, application state को preserve करता है।

Dev server को configure करें

Webpack-dev-server को HMR के साथ set up करें।

module.exports = {
  devServer: {
    port: 3000,
    hot: true,
    historyApiFallback: true,
    proxy: {
      '/api': 'http://localhost:5000'
    }
  }
};

Output:

Server runs on localhost:3000 with hot reload enabled

HMR updates को accept करें

अपने module के लिए HMR को enable करने के लिए, updates को accept करने के लिए code जोड़ें। Frameworks जैसे React में loaders हैं जो इसे automatically handle करते हैं।

त्वरित जाँच

त्वरित जाँच: HMR क्या करता है?

• Full page reload के बिना modules को replace करता है।
• Bundles को automatically compress करता है।
• JavaScript code को minify करता है।