{"id":18605550,"url":"https://github.com/bboydflo/webdev-setup","last_synced_at":"2026-03-19T05:19:42.671Z","repository":{"id":39556996,"uuid":"175145875","full_name":"bboydflo/webdev-setup","owner":"bboydflo","description":":package:boilerplate starter including the necessary config to try out different libs :ok_hand:","archived":false,"fork":false,"pushed_at":"2022-12-09T15:30:44.000Z","size":5836,"stargazers_count":1,"open_issues_count":25,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-02-18T02:14:46.484Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"HTML","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/bboydflo.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}},"created_at":"2019-03-12T06:04:53.000Z","updated_at":"2023-03-04T06:10:11.000Z","dependencies_parsed_at":"2022-09-20T05:26:51.392Z","dependency_job_id":null,"html_url":"https://github.com/bboydflo/webdev-setup","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/bboydflo%2Fwebdev-setup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bboydflo%2Fwebdev-setup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bboydflo%2Fwebdev-setup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bboydflo%2Fwebdev-setup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bboydflo","download_url":"https://codeload.github.com/bboydflo/webdev-setup/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254595389,"owners_count":22097546,"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":[],"created_at":"2024-11-07T02:22:02.600Z","updated_at":"2026-01-25T10:32:11.993Z","avatar_url":"https://github.com/bboydflo.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# web-dev setup\n\nBoilerplate starter including the necessary config to try out different libs\n\nTasks\n\n## install dependencies\n\n```sh\nnpm install\n```\n\n## run in development mode\n\n```sh\nnpm start\n```\n\n\u003e Babel will compile to javascript supported by a specific list of browsers. To check this list run\n\n```sh\nnpx browserslist\n```\n\n## build for production\n\n```sh\nnpm run build\n```\n\n## preview in production\n\n```sh\nnpm run build \u0026\u0026 npm run serve\n```\n\n## build stats\n\n```sh\nnpm run build:stats\n```\n\nThen upload `stats.json` to [official webpack analyse tool](https://webpack.github.io/analyse/)\n\n## test\n\n```sh\nnpm test\n```\n\n### Features\n\n- hot module reloading for CSS and Javascript\n- ES2015 and environment aware Babel configuration\n- React support\n- Sass compilation\n- ~~will eliminate unused css using `purifycss-webpack` plugin~~\n- Allows live tweaking of main webpack config and restarts dev environment when it gets changed\n- assets loaders (png, jpg, svg, woff, ttf, eof etc.)\n\n### Inspired by these projects\n\n1. [https://createapp.dev/](https://createapp.dev/)\n2. [http://learn.humanjavascript.com/react-ampersand](http://learn.humanjavascript.com/react-ampersand)\n3. [survivejs webpack book](https://survivejs.com/webpack/foreword)\n\n### Todo\n\n- [ ] add [mini-html-webpack-plugin](https://www.npmjs.com/package/mini-html-webpack-plugin) to easier maintain the html template\n- [ ] move config to a single folder\n- [ ] eventually update webpack config to use [webpack-config-plugins](https://github.com/namics/webpack-config-plugins)\n- [ ] experiment with different webpack-html-plugin plugins, check [this website](https://survivejs.com/webpack/developing/getting-started/)\n- [ ] testing with jest and cypress and documentation\n- [ ] storybook support and documentation\n- [ ] deploy to now, github pages, surge, etc. and documentation\n- [ ] CI setup and documentation\n- [ ] fix `open-browser-webpack-plugin` security issue ([check this pr](https://github.com/baldore/open-browser-webpack-plugin/pull/30))\n- [ ] add yeoman generator and documentation\n- [ ] package management tasks/flow and documentation\n- [ ] add example app using rest api (e.g. [rest countries api](https://restcountries.eu/))\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbboydflo%2Fwebdev-setup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbboydflo%2Fwebdev-setup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbboydflo%2Fwebdev-setup/lists"}