{"id":16527128,"url":"https://github.com/andersclark/webpack_sandbox","last_synced_at":"2026-02-09T03:03:43.349Z","repository":{"id":39217704,"uuid":"240673494","full_name":"Andersclark/webpack_sandbox","owner":"Andersclark","description":"Playing with webpack","archived":false,"fork":false,"pushed_at":"2023-01-01T16:43:32.000Z","size":402,"stargazers_count":0,"open_issues_count":25,"forks_count":0,"subscribers_count":0,"default_branch":"dev","last_synced_at":"2025-08-08T13:41:20.179Z","etag":null,"topics":["babel","eslint","gitattributes","javascript","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/Andersclark.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":"2020-02-15T08:58:08.000Z","updated_at":"2023-03-17T12:22:35.000Z","dependencies_parsed_at":"2023-01-31T23:40:16.885Z","dependency_job_id":null,"html_url":"https://github.com/Andersclark/webpack_sandbox","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Andersclark/webpack_sandbox","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Andersclark%2Fwebpack_sandbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Andersclark%2Fwebpack_sandbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Andersclark%2Fwebpack_sandbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Andersclark%2Fwebpack_sandbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Andersclark","download_url":"https://codeload.github.com/Andersclark/webpack_sandbox/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Andersclark%2Fwebpack_sandbox/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29255388,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-09T01:52:29.835Z","status":"online","status_checked_at":"2026-02-09T02:00:09.501Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["babel","eslint","gitattributes","javascript","react","webpack"],"created_at":"2024-10-11T17:33:22.034Z","updated_at":"2026-02-09T03:03:43.335Z","avatar_url":"https://github.com/Andersclark.png","language":"JavaScript","readme":"# webpack_sandbox\nA place to play around with Javascript project setup.\n\n## What's this?\nWebpack seemed like running Javascript projects in God-mode, so I decided to check it out. Turned out it was a pretty deep rabit hole...\nAlso I was currently using GUI:s for running Git and decided to do only Git Bash for this project in order to get comfortable with that as well.\nBasically this is me building from the [Getting started with Webpack](webpack.js.org/guides/getting-started) and onwards through tutorials showing how to implement Express, Eslint, Babel, React etc.\nThe purpose is not to build a product but to learn advanced Javascript-, Node.js-, Webpack- and git-setups to free myself from the blinders of Create React App.\n\n## How to run\n\n1. Clone the repo\n2. Open your terminal and navigate to the project root-directory.\n3. Run ```npm install``` to download rependencies.\n4. Run ```npm run buildDev \u0026\u0026 npm start``` triggers webpack which will build the project in the '/dist'-folder and then run the development server with Nodemon.\n\n## What you could get out of this\n\nI read up a bit on Webpack, Babel, Eslint and Git while starting this repo and the the resulting config files can be read to understand a bit more about them. Basically a lot of web developers rely on ```npx create-react-app``` and similiar presets to create their projects but the true power of your stack will only be unlocked when you learn Webpack and implement the plugins of your choice.\n\n### Examples\n\n* Creating powerful production-builds focused on performance.\n* Using dev-builds for a faster development experience with hot-reloading and readable code and file structure for your dev-tools\n* Bundling a bunch of resources such as images, fonts, code, css and html into \n* Uglifying your code so commercially valuable products are harder to copy.\n\n### Gitattributes\n\nA ```.gitattributes```-file for advanced project-based git-setup hold settings for Git Large File System (LFS) which will save space and data by not versioning specified files, in this case: resource-files such as images, fonts, documents and archives.\nThe gitattributes also holds settings for making line-endings uniform over different operating systems.\n\n### Webpack configs\n\nThe different config files hold the corresponding setups for npm scripts ````buildDev```, ```buildProd``` and ```start```.\n\n##  Recommended reading\n\nI recommend you reference the [Getting started with Webpack](webpack.js.org/guides/getting-started) for getting up and running wirh Webpack.\nAfter understanding the basics of Webpack [Express-Webpack App with Dev and Prod builds](https://medium.com/@binyamin/creating-a-node-express-webpack-app-with-dev-and-prod-builds-a4962ce51334) is really nice.\nFinally: Implement React as a standalone module without the black box of create-react-app: [Github: Rexpack](https://github.com/bengrunfeld/rexpack)\n\n#### Contact\n\nI'm Anders Clark, a newbie developer out of Sweden and can be reached at [anders.clark@gmail.com](mailto:anders.clark@gmail.com)\n\n##### Cheers! ","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandersclark%2Fwebpack_sandbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandersclark%2Fwebpack_sandbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandersclark%2Fwebpack_sandbox/lists"}