{"id":13851600,"url":"https://github.com/mrmartineau/webpack-recipes","last_synced_at":"2025-03-21T01:30:27.280Z","repository":{"id":138467267,"uuid":"96049682","full_name":"mrmartineau/webpack-recipes","owner":"mrmartineau","description":"🆘 A collection of webpack configurations","archived":false,"fork":false,"pushed_at":"2017-09-05T09:17:08.000Z","size":210,"stargazers_count":47,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-17T19:21:27.388Z","etag":null,"topics":["bundle-javascript","javascript","webpack","webpack-configuration","webpack-recipes"],"latest_commit_sha":null,"homepage":"","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/mrmartineau.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}},"created_at":"2017-07-02T21:21:37.000Z","updated_at":"2024-02-08T12:14:40.000Z","dependencies_parsed_at":"2024-01-07T00:07:39.930Z","dependency_job_id":"f79e8098-1f73-4575-b304-1c7b2e26172f","html_url":"https://github.com/mrmartineau/webpack-recipes","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/mrmartineau%2Fwebpack-recipes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrmartineau%2Fwebpack-recipes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrmartineau%2Fwebpack-recipes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrmartineau%2Fwebpack-recipes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mrmartineau","download_url":"https://codeload.github.com/mrmartineau/webpack-recipes/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244721008,"owners_count":20498883,"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":["bundle-javascript","javascript","webpack","webpack-configuration","webpack-recipes"],"created_at":"2024-08-04T22:00:36.259Z","updated_at":"2025-03-21T01:30:26.889Z","avatar_url":"https://github.com/mrmartineau.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Code bundlers"],"sub_categories":["Server-rendered React"],"readme":"\u003ch1 align=\"center\"\u003e\n  Webpack recipes\n\n  [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n  ![](https://img.shields.io/badge/licence-MIT-blue.svg?style=flat-square)\n  [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)\n\u003c/h1\u003e\n\n\u003e A collection of webpack configurations\n\n## [Basics](basic)\n\u003e Bundle javascript\n* [readme](basic/#readme)\n* [webpack.config](basic/webpack.config.babel.js)\n\n---\n\n## [CSS](css)\n\n### [CSS](css/css)\n\u003e Bundle \u0026 inject CSS\n\n* [readme](css/css/#readme)\n* [webpack.config](css/css/webpack.config.babel.js)\n\n### [PostCSS](css/postcss)\n\u003e Bundle \u0026 inject [PostCSS](http://postcss.org/) processed CSS\n\n* [readme](css/postcss/#readme)\n* [webpack.config](css/postcss/webpack.config.babel.js)\n\n### [Sass](css/sass) with PostCSS\n\u003e Bundle \u0026 inject Sass preprocessed CSS and use [PostCSS](http://postcss.org/) to post-process\n\n* [readme](css/sass/#readme)\n* [webpack.config](css/sass/webpack.config.babel.js)\n\n---\n\n## [JavaScript](javascript)\n\n### [ES2015+ (Babel) \u003e JavaScript](javascript/babel)\n\u003e Bundle ES2015+ Javascript with Babel transpiler\n\n* [readme](javascript/babel/#readme)\n* [webpack.config](javascript/babel/webpack.config.babel.js)\n\n### Typescript \u003e JavaScript (coming soon)\n\n---\n\n## HTML\n\n### [Simple HTML](html/simple)\n\u003e Simplify creation of HTML files to serve your webpack bundles\n\n* [readme](html/simple/#readme)\n* [webpack.config](html/simple/webpack.config.babel.js)\n\n### Complex HTML (coming soon)\n\u003e More complex version of previous example\n\n---\n\n## Webpack Dev Server\n\n### [Simple Webpack Dev Server](devserver/simple)\n\u003e Setup a simple webpack-dev-server example, that provides you with a server and live reloading.\n\n* [readme](devserver/simple/#readme)\n* [webpack.config](devserver/simple/webpack.config.babel.js)\n\n---\n\n## Assets\n\n### Images (coming soon)\n### SVGs (coming soon)\n### Fonts (coming soon)\n### Icons (coming soon)\n\n---\n\n## Testing\n\n### Jest (coming soon)\n\n## Formatting\n### [ESLint](formatting/eslint)\n\u003e Lint your code with [ESLint](http://eslint.org/)\n\n* [readme](formatting/eslint/#readme)\n* [webpack.config](formatting/eslint/webpack.config.babel.js)\n\n### [Standard](formatting/standard)\n\u003e Lint your code with [standard](https://standardjs.com/)\n\n* [readme](formatting/standard/#readme)\n* [webpack.config](formatting/standard/webpack.config.babel.js)\n\n### [Prettier](formatting/prettier)\n\u003e Run the [Prettier](https://github.com/prettier/prettier) code formatter on build/watch\n\n* [readme](formatting/prettier/#readme)\n* [webpack.config](formatting/prettier/webpack.config.babel.js)\n\n### A11y (coming soon)\n\n---\n\n## Advanced\n\n### Optimisation\n#### [Code splitting - Commons Chunks](optimisation/common-chunks)\n\u003e Split all `node_modules` vendor code into separate file\n\n* [readme](optimisation/common-chunks/#readme)\n* [webpack.config](optimisation/common-chunks/webpack.config.babel.js)\n\n### Progressive Web Apps (coming soon)\n\n---\n\n## Useful plugins\n* [Case Sensitive Paths](https://github.com/Urthen/case-sensitive-paths-webpack-plugin#case-sensitive-paths---webpack-plugin) - Enforces case sensitive paths in Webpack requires. Extremely useful for larger teams and continuous integration setups work without issues.\n* [npm Install Webpack Plugin](https://github.com/webpack-contrib/npm-install-webpack-plugin) - Speed up development by **automatically installing \u0026 saving dependencies** with Webpack.\n\n---\n\n# How can you help?\nContributions and corrections are actively encouraged. I want this resource to be as useful as possible.\n\n---\n\n\u003e Made by [ZΛNDΞR :zap:](https://github.com/mrmartineau/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrmartineau%2Fwebpack-recipes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrmartineau%2Fwebpack-recipes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrmartineau%2Fwebpack-recipes/lists"}