{"id":34998585,"url":"https://github.com/pahund/webpack-split","last_synced_at":"2026-04-11T17:02:17.769Z","repository":{"id":152028161,"uuid":"163959966","full_name":"pahund/webpack-split","owner":"pahund","description":"Demo for code splitting with webpack","archived":false,"fork":false,"pushed_at":"2019-01-03T15:12:15.000Z","size":96,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-12-28T16:43:54.461Z","etag":null,"topics":["code-splitting","css","demo","demo-app","demo-application","demo-apps","demos","javascript","lazy-loading","lazyload","lazyloading","react","reactjs","suspense","webpack"],"latest_commit_sha":null,"homepage":null,"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/pahund.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2019-01-03T10:44:23.000Z","updated_at":"2019-01-03T15:32:30.000Z","dependencies_parsed_at":"2025-12-27T03:02:03.680Z","dependency_job_id":null,"html_url":"https://github.com/pahund/webpack-split","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/pahund/webpack-split","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pahund%2Fwebpack-split","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pahund%2Fwebpack-split/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pahund%2Fwebpack-split/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pahund%2Fwebpack-split/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pahund","download_url":"https://codeload.github.com/pahund/webpack-split/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pahund%2Fwebpack-split/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31687881,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T13:07:20.380Z","status":"ssl_error","status_checked_at":"2026-04-11T13:06:47.903Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["code-splitting","css","demo","demo-app","demo-application","demo-apps","demos","javascript","lazy-loading","lazyload","lazyloading","react","reactjs","suspense","webpack"],"created_at":"2025-12-27T03:00:22.779Z","updated_at":"2026-04-11T17:02:17.763Z","avatar_url":"https://github.com/pahund.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# webpack-split\n\nDemo for code splitting with webpack, using the practices described in these tutorials:\n\n* [Code Splitting](https://reactjs.org/docs/code-splitting.html) (React documentation)\n* [Code Splitting](https://webpack.js.org/guides/code-splitting/) (webpack documentation)\n* [Creating a React App… From Scratch](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658)\n\nThe `src` directory contains two React components, each with their own stylesheet:\n\n* [App.js](src/App.js)\n* [Message.js](src/Message.js)\n\nUsing webpack, separate bundles were created for each of these components:\n\n* `App`: [bundle.js](dist/bundle.js) / [main.css](dist/main.css)\n* `Message`: [message.bundle.js](dist/message.bundle.js) / [message.css](dist/message.css)\n\nThe `App` component's JS bundle stylesheet are loaded when the page is loaded initially. It shows a simple\npage with a button.\n\nWhen the button is clicked, the `Message` component's JS bundle and stylesheet are loaded by the browser\nand a message box is displayed on the page.\n\n## Viewing the Demo\n\n### Online\n\nhttps://pahund.github.io/webpack-split/\n\n### Localhost\n\nOpen the file `index.html` in IntelliJ IDEA and select `View` \u003e `Open in browser`\n\n**…or…**\n\nCopy the file `index.html` and the `dist` directory to a web server into a subdirectory named `webpack-split`\n\n## Installation\n\n    npm install\n    \n## Building the webpack Bundles\n\n    npm run build\n    \n## Dev Mode\n\nFor the sake of keeping the demo simple, there is no local development mode or hot module reloading. When\nyou make changes to the JavaScript or CSS source files, you have to run `npm run build` again to see the changes\n\n## License\n\n[MIT licensed](LICENSE)\n\nCopyright © 2019 mobile.de GmbH\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpahund%2Fwebpack-split","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpahund%2Fwebpack-split","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpahund%2Fwebpack-split/lists"}