वेबपैक में बिल्ड फाइल में हैश

पहले हमने फाइल कैशिंग की समस्या पर चर्चा कर चुके हैं। वेबपैक की मदद से इस समस्या से आसानी से निपटा जा सकता है। वेबपैक फाइल के नाम में एक विशेष हैश जोड़ने की अनुमति देता है, जो फाइल की सामग्री के आधार पर बनाई गई एक अद्वितीय यादृच्छिक स्ट्रिंग होती है।

इसका मतलब है कि प्रत्येक नई बिल्ड पर, यदि प्रोजेक्ट फाइलों में कोई बदलाव किए गए हैं, तो बिल्ड फाइल का हैश भी बदल जाएगा।

फाइल के नाम में हैश एक विशेष कमांड [contenthash] की मदद से जोड़ा जा सकता है। आइए इसे करते हैं:

webpack.config.jsexport default {
  entry: [
    './src/test1.js',
    './src/test2.js'
  ],
  output: {
    filename: 'build.[contenthash].js',
  }
};