meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
ixc2024:tech:tools:webpack [2024/05/22 15:35] – salsabeel-tnixc2024:tech:tools:webpack [2024/08/26 05:10] (current) – salsabeel-tn
Line 9: Line 9:
 Use content hashing to create unique filenames for your assets, which helps in long-term caching. Use content hashing to create unique filenames for your assets, which helps in long-term caching.
 Example: Example:
- +''
-javascript +
-Copy code+
 module.exports = { module.exports = {
   output: {   output: {
Line 18: Line 16:
   },   },
 }; };
 +''
 +\\
 +
 +Using HtmlWebpackPlugin to clean the code structure:
  
-Using HtmlWebpackPlugin: 
  
-javascript 
-Copy code 
 const HtmlWebpackPlugin = require('html-webpack-plugin'); const HtmlWebpackPlugin = require('html-webpack-plugin');
  
Line 37: Line 36:
   // other configurations...   // other configurations...
 }; };
 +
 +\\
 Green Development Practices Green Development Practices
-Green Aspect: 
  
 Development Server: Use Webpack’s development server efficiently to avoid unnecessary resource usage. Development Server: Use Webpack’s development server efficiently to avoid unnecessary resource usage.
Line 46: Line 46:
 Example: Example:
  
-javascript +
-Copy code+
 module.exports = { module.exports = {
   devServer: {   devServer: {