{"id":26710537,"url":"https://github.com/dev-eranda/learning-webpack5","last_synced_at":"2025-03-27T09:24:43.331Z","repository":{"id":248648653,"uuid":"829280617","full_name":"dev-eranda/learning-webpack5","owner":"dev-eranda","description":"Learned Webpack 5 module bundler for JavaScript applications","archived":false,"fork":false,"pushed_at":"2025-03-24T07:31:09.000Z","size":7068,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T07:33:53.447Z","etag":null,"topics":["express","micro-frontends","nodejs","serve-html-page","webpack5","webpack5-module-federation"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dev-eranda.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-16T05:59:29.000Z","updated_at":"2025-03-24T07:31:14.000Z","dependencies_parsed_at":"2024-07-16T09:14:39.903Z","dependency_job_id":"4c07d263-8edc-4494-b9ff-fc9205340f76","html_url":"https://github.com/dev-eranda/learning-webpack5","commit_stats":null,"previous_names":["erandamadusanka/webpack5","erandamadusanka/webpack5-express-microfrontends","dev-eranda/webpack5-express-microfrontends","dev-eranda/learning-webpack5"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-eranda%2Flearning-webpack5","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-eranda%2Flearning-webpack5/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-eranda%2Flearning-webpack5/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-eranda%2Flearning-webpack5/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dev-eranda","download_url":"https://codeload.github.com/dev-eranda/learning-webpack5/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245815636,"owners_count":20676942,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["express","micro-frontends","nodejs","serve-html-page","webpack5","webpack5-module-federation"],"created_at":"2025-03-27T09:24:42.664Z","updated_at":"2025-03-27T09:24:43.323Z","avatar_url":"https://github.com/dev-eranda.png","language":"JavaScript","readme":"# Learning webpack 5\n\n**Developed by:** Eranda Samarasinghe\n\u003chr /\u003e\n\n## Project Background and Overview\nThis project demonstrates the use of Webpack 5 for module bundling, code splitting for faster loading, and improved caching to optimize assets and enhance performance. It also includes setting up an Express server to serve HTML pages and integrating jQuery. Additionally, the project explores Webpack 5's Module Federation for implementing Micro Frontends\n\u003chr /\u003e\n\n## Project Goals\nThe main objectives of this application are to:\n\n1. Get a solid foundation for learning advanced Webpack features\n2. Integrate Webpack 5 with Node.js and Express framework\n3. Structure your code better with ES Modules and Webpack Code Splitting\n4. Use Webpack for Single Page Applications as well as Multiple Page Applications\n5. Learned the new Module Federation feature introduced in Webpack 5\n\u003chr /\u003e\n\n## Technical Details\nCore technologies used: \n\n- **Webpack 5, Node.js, Express, Module Federation, Micro Frontends**\n\u003chr /\u003e\n\n## Installation\n1. Clone repository:\n   ```sh\n   git clone https://github.com/dev-eranda/learning-webpack5.git\n   \n2. Install dependencies:\n   ```sh\n   npm install\n\n3. Start development server:\n   ```sh\n   npm run dev \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-eranda%2Flearning-webpack5","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdev-eranda%2Flearning-webpack5","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-eranda%2Flearning-webpack5/lists"}