पाठ 6 / 25
Configuration और modes
Configuration options के साथ Webpack को fine-tune करें।
Development बनाम production
Development mode readability और fast rebuild times के लिए optimizations को disable करता है। Production mode code minification, tree-shaking को enable करता है। अपने current task के आधार पर mode choose करें।
Environment-based configuration
Configuration को switch करने के लिए environment variables use करें।
module.exports = (env, argv) => {
const isDev = argv.mode === 'development';
return {
mode: argv.mode || 'production',
devtool: isDev ? 'source-map' : false,
optimization: {
minimize: !isDev,
usedExports: true
}
};
};
Output:
Configuration adjusts based on build mode parameter
Debugging के लिए sourcemaps
Development में sourcemaps को 'source-map' या 'eval-source-map' के साथ enable करें। Sourcemaps bundled code को original sources से map करते हैं।
त्वरित जाँच
त्वरित जाँच: Production mode का उपयोग कब करना चाहिए?
- Final deployments के लिए bundle size को minimize करने के लिए।
- Development के दौरान fast rebuilds के लिए।
- Better debugging को enable करने के लिए।
Answer
Final deployments के लिए bundle size को minimize करने के लिए। — Production mode size और performance के लिए optimize करता है। Development mode rebuild speed को prioritize करता है।