{"id":21168838,"url":"https://github.com/suwigyarathore/webpack-production","last_synced_at":"2026-05-20T15:16:06.806Z","repository":{"id":116086608,"uuid":"91278516","full_name":"suwigyarathore/webpack-production","owner":"suwigyarathore","description":"This repo contains how to use webpack to make production ready build","archived":false,"fork":false,"pushed_at":"2017-07-16T13:50:02.000Z","size":810,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-21T10:31:00.516Z","etag":null,"topics":["code-splitting","deadcodeelimination","hot-reload","productionready","treeshaking","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":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/suwigyarathore.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2017-05-14T23:50:27.000Z","updated_at":"2017-05-14T23:57:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"f21dcb03-3c29-4bbf-a48d-eef8a03f3693","html_url":"https://github.com/suwigyarathore/webpack-production","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/suwigyarathore%2Fwebpack-production","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/suwigyarathore%2Fwebpack-production/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/suwigyarathore%2Fwebpack-production/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/suwigyarathore%2Fwebpack-production/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/suwigyarathore","download_url":"https://codeload.github.com/suwigyarathore/webpack-production/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243615631,"owners_count":20319733,"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":["code-splitting","deadcodeelimination","hot-reload","productionready","treeshaking","webpack"],"created_at":"2024-11-20T15:18:04.297Z","updated_at":"2026-05-20T15:16:02.786Z","avatar_url":"https://github.com/suwigyarathore.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#webpack-tutorial\n\nThis repo contains how to use webpack to make production ready build\n\nTopics Covered:\n\n* What is Webpack\n* How to create a production ready bundle\n* How to do code splitting\n* How to do dead code elimination\n* How to do tree shaking to remove dead code\n* How to do hot module replacement (HMR)\n* How to do hot/live reload\n* How to use ES6/ES.next/ES2015 code in production with Babel\n* How to load images\n* How to load style (css)\n* ...and more\n\n\n### Installation\n\n#### 1. Install\n\n```\n# Clone this repo\ngit clone https://github.com/suwigyarathore/webpack-production.git\n\n# Install dependencies\nnpm install\n\n# Run for development\nnpm run dev\n# go to http://localhost:8080\n\n# Run for production\nnpm run build\n```\n\n### Links\n\n\nState of Javascript\n\n* [http://stateofjs.com](http://stateofjs.com)\n\n\u2028Webpack\n\n* [http://webpack.github.io](http://webpack.github.io)\n* [http://webpack.github.io/docs/list-of-plugins.html](http://webpack.github.io/docs/list-of-plugins.html)\n* [http://webpack.github.io/docs/list-of-loaders.html](http://webpack.github.io/docs/list-of-loaders.html)\n\n\nWebpack Dev Server\n\n* [https://webpack.github.io/docs/webpack-dev-server.html](https://webpack.github.io/docs/webpack-dev-server.html)\n\n\nPlugins\n\n* Extract Text\n\t* [https://github.com/webpack/extract-text-webpack-plugin](https://github.com/webpack/extract-text-webpack-plugin)\n* HTML Webpack \n\t* [https://github.com/ampedandwired/html-webpack-plugin](https://github.com/ampedandwired/html-webpack-plugin)\n* UglifyJS\n\t* [https://webpack.github.io/docs/list-of-plugins.html](https://webpack.github.io/docs/list-of-plugins.html)\n\t* [https://github.com/mishoo/UglifyJS](https://github.com/mishoo/UglifyJS)\n* Define\n\t* [https://webpack.github.io/docs/list-of-plugins.html](https://webpack.github.io/docs/list-of-plugins.html)\n\nLoaders\n\n* babel-loader\n\t* [https://github.com/babel/babel-loader](https://github.com/babel/babel-loader)\n* url-loader\n\t* [https://github.com/webpack/url-loader](https://github.com/webpack/url-loader)\n* file-loader\n\t* [https://github.com/webpack/file-loader](https://github.com/webpack/file-loader)\n* style-loader\n\t* [https://github.com/webpack/style-loader](https://github.com/webpack/style-loader)\n* css-loader\n\t* [https://github.com/webpack/css-loader](https://github.com/webpack/css-loader)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuwigyarathore%2Fwebpack-production","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsuwigyarathore%2Fwebpack-production","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuwigyarathore%2Fwebpack-production/lists"}