Enhancements: Media File Support, Asset Parsing, and Webpack 5 Integration for Production Environment.

[smitjiwani]

Changes introduced

I have incorporated support for .png, .jpg, and other media file types to enhance asset management and integration within the project. Additionally, a parser has been implemented for asset/resource and asset/inline, streamlining the handling and embedding of assets and resources directly within the application. Furthermore, I have integrated the MiniCssExtractPlugin into the Webpack 5 configuration. This integration facilitates efficient CSS extraction during the bundling process, optimizing the performance and load times of our web assets.

Dependencies

npm i mini-css-extract-plugin --save-dev

[CulturalProfessor]

hey @smitjiwani this is the webpack file we use for bundling client/webpack.config.js

[smitjiwani]

Okay @CulturalProfessor should I add the enhancements to ./client/webpack.config.js for review?

[CulturalProfessor]

Okay @CulturalProfessor should I add the enhancements to ./client/webpack.config.js for review?

yes to try if they work add changes there and run build commands

[smitjiwani]

Yes, I have done that in 0cd6529and to test the changes for prod --mode production can be used. I plan on adding more changes to the file. Also we should make separate files for dev and prod respectively.

[CulturalProfessor]

see if the font issue is not due to webpack not including it also #26

[smitjiwani]

These two resources might help us solve the font problem. Just keeping them here so that i don't forget...

https://webpack.js.org/configuration/output/#outputassetmodulefilename
https://webpack.js.org/guides/asset-modules/