Webpack में सामान्य एसेट्स

चलिए अब सामान्य एसेट्स आज़माते हैं। ऐसा करें कि 8kb से छोटी छवियाँ base64 में बदल जाएँ, और इस आकार से बड़ी छवियाँ फ़ाइल में कॉपी हो जाएँ:

webpack.config.jsexport default {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve('dist'),
  },
  module: {
    rules: [
      {
        test: /\.png$/,
        type: 'asset',
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin(),
  ],
};

छवि के आकार की सीमा बदली जा सकती है। उदाहरण के लिए, 4kb की सीमा लगाएँ:

webpack.config.jsexport default {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve('dist'),
  },
  module: {
    rules: [
      {
        test: /\.png$/,
        type: 'asset',
        parser: {
          dataUrlCondition: {
            maxSize: 4 * 1024 // 4kb
          }
        }
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin(),
  ],
};