{"id":16976945,"url":"https://github.com/johndatserakis/modern-webpack-starter","last_synced_at":"2025-03-22T14:31:53.907Z","repository":{"id":86795350,"uuid":"100808398","full_name":"johndatserakis/modern-webpack-starter","owner":"johndatserakis","description":"🏰 A modern JavaScript starter using Webpack 4. Made in a simple way - good for learning or starting a new project without having to rollout cli-auto-builders.","archived":false,"fork":false,"pushed_at":"2019-03-11T00:45:34.000Z","size":955,"stargazers_count":41,"open_issues_count":0,"forks_count":8,"subscribers_count":6,"default_branch":"develop","last_synced_at":"2025-03-18T12:03:26.796Z","etag":null,"topics":["boilerplate","bootstrap","spa","starter","template","webpack","webpack-dev-server"],"latest_commit_sha":null,"homepage":"https://modern-webpack-starter.innermonkdesign.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/johndatserakis.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-08-19T16:54:36.000Z","updated_at":"2022-10-29T15:00:19.000Z","dependencies_parsed_at":"2023-03-06T14:15:35.654Z","dependency_job_id":null,"html_url":"https://github.com/johndatserakis/modern-webpack-starter","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/johndatserakis%2Fmodern-webpack-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johndatserakis%2Fmodern-webpack-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johndatserakis%2Fmodern-webpack-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johndatserakis%2Fmodern-webpack-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/johndatserakis","download_url":"https://codeload.github.com/johndatserakis/modern-webpack-starter/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244972337,"owners_count":20540962,"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":["boilerplate","bootstrap","spa","starter","template","webpack","webpack-dev-server"],"created_at":"2024-10-14T01:27:41.357Z","updated_at":"2025-03-22T14:31:53.896Z","avatar_url":"https://github.com/johndatserakis.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\u003ca href=\"http://modern-webpack-starter.innermonkdesign.com/\" target=\"_blank\"\u003e\u003cimg width=\"200\" src=\"./src/assets/images/mws-profile.png\"\u003e\u003c/a\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"http://opensource.org/licenses/MIT\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-MIT-blue.svg\" alt=\"Issues\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fjohndatserakis%2Fmodern-webpack-starter\u0026text=Check%20out%20modern-webpack-starter%20on%20GitHub\u0026via=johndatserakis\"\u003e\n  \u003cimg src=\"https://img.shields.io/twitter/url/https/github.com/johndatserakis/modern-webpack-starter.svg?style=social\" alt=\"Tweet\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n# modern-webpack-starter\nA modern JavaScript starter using [Webpack 4](https://github.com/webpack/webpack). Made in a simple way - good for learning or starting a new project without having to rollout cli-auto-builders. You can view the demo [here](http://modern-webpack-starter.innermonkdesign.com/).\n\nLooking to use Vue with this template? See [here](https://github.com/johndatserakis/modern-webpack-starter-vue) for the Vue repo flavor.\n\n### Features\n- Webpack 4.14.0\n- Webpack-Dev-Server\n- Bootstrap 4.1\n- Babel\n- SASS Handling\n- Uglifying, Minimizing\n- html-webpack-plugin, mini-css-extract-plugin, optimize-css-assets-webpack-plugin\n- `@` Alias Support For Easy File Imports\n- ESLint\n- And more...\n\n### Installing / Getting started\n\n``` bash\n# install dependencies\nnpm install\n\n# serve using webpack-dev-server with hot reload at http://localhost:8080/\nnpm run watch\n\n# build for production\nnpm run build\n```\n\n### General Information\n\n#### Note - Now updated to Webpack 4!\n\nMy goal with this project was to make a simple Webpack starter template for use in modern-day development projects. While it is a good thing that a lot of the popular frameworks bundle their own CLI's to help scaffold projects, I felt I was losing something in translation - especially when it came to Webpack and the project initialization.\n\nI've used [Grunt](https://github.com/gruntjs/grunt) in the past - and have been using [Gulp](https://www.google.com/url?sa=t\u0026rct=j\u0026q=\u0026esrc=s\u0026source=web\u0026cd=1\u0026cad=rja\u0026uact=8\u0026ved=0ahUKEwj43N6Mn-bVAhXo5YMKHehPBYUQFggoMAA\u0026url=https%3A%2F%2Fgithub.com%2Fgulpjs%2Fgulp\u0026usg=AFQjCNFA8IbRiWBlkSJKjQyVnUb3ktwCwg) for many years now, and while Gulp and Grunt have been awesome, I believe the concepts Webpack introduces are critical and must be utilized in my projects going forward. I especially liked how Webpack coordinates everything for you - no more including code in the wrong order.\n\nAn issue I've had is finding a repository or tutorial that doesn't go too far - as I find it can be harmful when you are given too much - or too little - when learning.\n\nSo this project stops right before you would add a framework of your choosing. I've emulated a simple `async/await` promise call just to show that babel is working correctly.\n\nIn the end, I am an even bigger fan of Webpack now then when I started - although if I plan to use a framework in my application with 100% certainty - I may continue to choose the framework's chosen CLI tool when scaffolding with Webpack. Depends on the circumstances of course. I do really like `vue-cli`. It's just that sometimes I've found myself with the need to set it up myself - so this was a great learning experience, and hopefully it helps you.\n\n### Hit Me Up\n\nGo ahead and fork the project! Message me here if you have questions or submit an issue if needed. I'll be making touch-ups as time goes on. Have fun with this!\n\n### License\n\nCopywrite 2017 John Datserakis\n\n[MIT](http://opensource.org/licenses/MIT)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohndatserakis%2Fmodern-webpack-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjohndatserakis%2Fmodern-webpack-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohndatserakis%2Fmodern-webpack-starter/lists"}