meta data for this page
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| ixc2024:tech:tools:webpack [2024/08/26 05:04] – salsabeel-tn | ixc2024: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: | ||
| - | |||
| '' | '' | ||
| module.exports = { | module.exports = { | ||
| Line 19: | Line 18: | ||
| '' | '' | ||
| \\ | \\ | ||
| - | Using HtmlWebpackPlugin: | ||
| - | '' | + | Using HtmlWebpackPlugin to clean the code structure: |
| + | |||
| const HtmlWebpackPlugin = require(' | const HtmlWebpackPlugin = require(' | ||
| Line 36: | 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: { | ||