{"id":17869415,"url":"https://github.com/pmendelski/webpack-starter","last_synced_at":"2026-04-14T06:04:58.713Z","repository":{"id":152757855,"uuid":"76973416","full_name":"pmendelski/webpack-starter","owner":"pmendelski","description":"Webpack starter projects. Use them as a starting point for your webpack based applications.","archived":false,"fork":false,"pushed_at":"2018-01-14T09:02:22.000Z","size":472,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-02T22:43:52.913Z","etag":null,"topics":["bootstrap4","hmr","js","react","webpack"],"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/pmendelski.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":"2016-12-20T16:35:36.000Z","updated_at":"2024-12-26T22:45:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"1b8812b1-86bc-4411-b2ab-cd960955b028","html_url":"https://github.com/pmendelski/webpack-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pmendelski/webpack-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pmendelski%2Fwebpack-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pmendelski%2Fwebpack-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pmendelski%2Fwebpack-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pmendelski%2Fwebpack-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pmendelski","download_url":"https://codeload.github.com/pmendelski/webpack-starter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pmendelski%2Fwebpack-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31784255,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T02:24:21.117Z","status":"ssl_error","status_checked_at":"2026-04-14T02:24:20.627Z","response_time":153,"last_error":"SSL_read: 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":["bootstrap4","hmr","js","react","webpack"],"created_at":"2024-10-28T10:04:41.878Z","updated_at":"2026-04-14T06:04:58.692Z","avatar_url":"https://github.com/pmendelski.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Webpack Starter\n\n[![Travis Build](https://img.shields.io/travis/pmendelski/webpack-starter.svg?style=flat-square)](https://travis-ci.org/pmendelski/webpack-starter)\n\n[Webpack](https://webpack.js.org/) starter projects.\nUse them as a starting point for your webpack based applications.\n\n- [webpack-starter-vanilla-spa](webpack-starter-vanilla-spa) - Framework agnostic starter project of a single page application. It means that there is no react/angular/vue.js specific code.\n- [webpack-starter-bootstrap-spa](webpack-starter-bootstrap-spa) - Extends webpack-starter-vanilla-spa by adding [bootstrap](http://getbootstrap.com/) resources.\n- [webpack-starter-react-spa](webpack-starter-react-spa) - Simple single page application that uses [react](https://reactjs.org/).\n\n\n## Features\n\nAll starter projects share same features:\n\n- ES6 compilation with [Babel](http://babeljs.io/)\n- Resource optimization with [Webpack](https://webpack.js.org/)\n- Code linting with [Eslint](https://eslint.org/)\n- Unit and snapshot tests with [Jest](https://facebook.github.io/jest/)\n\n## Commands\n\nAll starter projects share same commands.\n\n### Show me the result\n\n```\nnpm run build\nnpm run serve\n```\n\n### Basic commands\n- `npm run build` - builds the project\n- `npm run clean` - removes a build directory\n- `npm run serve` - starts a static http server that serves resources from a build directory\n- `npm run watch` - starts a development server with [HMR](https://webpack.js.org/concepts/hot-module-replacement/)\n- `npm run test` - run all tests\n- `npm run lint` - run a source code linter\n- `npm run favicons` - regenerate favicons\n- `npm run ci` - command for continuous integration. Run: clean, lint, test, build\n\n### Advanced test commands\n- `npm run test:file ./test/**/Greeter.unit.spec.js` - run test on defined file pattern\n- `npm run test:unit` - run only unit tests\n- `npm run test:ui` - run only [ui tests](https://facebook.github.io/jest/docs/en/snapshot-testing.html)\n- `npm run test:ui:update` - run only ui tests and [updates snapshots](https://facebook.github.io/jest/docs/en/snapshot-testing.html#updating-snapshots)\n- `npm run test:coverage` - run only all tests with coverage (coverage slows down tests)\n\n### Advanced build commands\n- `npm run build:debug` - build project in debug mode (source maps, no resource minification, no hashes)\n- `npm run build:watch` - build project in debug mode and rebuild on change\n\n### Advanced watch commands\n- `npm run watch:reload` - development server without HMR. Simply reloads the page. Slower than `npm run watch`.\n- `npm run watch:livereload` - the slowest version but the one that is most similar to how it looks on production.\n\n## Project structure\n\nAll starter projects share similar structure:\n\n```\n.\n├── build         # Build created after build\n│   ├── coverage    # Coverage reports\n│   └── dist        # Build result\n├── lib           # Build process sources\n│   └── webpack     # Webpack setup\n├── src           # Runtime sources\n│   ├── app         # Application main sources\n│   ├── assets      # Static assets (favicons, etc)\n│   └── theme       # Theme sources (global styles, etc)\n└── test          # Test sources\n    ├── app         # Application tests\n    ├── setup       # Test setup\n    └── stubs       # Test stubs\n```\n\n## Analyze bundles\n\nAnalyze result bundles:\n\n- Generate stats.json with `npm run build -s -- --json --profile \u003e build/stats.json`\n- Use [webpack-visualizer](https://chrisbateman.github.io/webpack-visualizer/) to draw a chart visualizing bundle sizes.\n- Use [webpack-analyzer](https://webpack.github.io/analyse/) to see module dependencies and other hints.\n\nThere is a short post about [webpack stats analysis](https://medium.com/@joeclever/three-simple-ways-to-inspect-a-webpack-bundle-7f6a8fe7195d)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpmendelski%2Fwebpack-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpmendelski%2Fwebpack-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpmendelski%2Fwebpack-starter/lists"}