{"id":14967559,"url":"https://github.com/soldiercorp/webpack-starter-pug-sass-es6-jquery","last_synced_at":"2025-05-02T22:31:11.388Z","repository":{"id":33272299,"uuid":"140197851","full_name":"SoldierCorp/webpack-starter-pug-sass-es6-jquery","owner":"SoldierCorp","description":"Webpack 5 starter that supports Pug, SASS, ES6 ES7 ES8 ES9 ES10 ES11 ES12, VanillaJS/jQuery... (without framework) and generate URLs without the .html extension.","archived":false,"fork":false,"pushed_at":"2024-01-31T12:38:11.000Z","size":2402,"stargazers_count":104,"open_issues_count":8,"forks_count":34,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-04-07T07:42:55.137Z","etag":null,"topics":["es10","es11","es12","es6","es7","es8","es9","jquery","pug","sass","stylus","webpack","webpack-5","webpack-starter","yarn"],"latest_commit_sha":null,"homepage":"https://webpack-starter.edgardorl.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/SoldierCorp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":"SoldierCorp","custom":"http://paypal.me/edgardorl"}},"created_at":"2018-07-08T19:48:07.000Z","updated_at":"2024-12-17T20:43:06.000Z","dependencies_parsed_at":"2024-01-31T13:51:19.452Z","dependency_job_id":null,"html_url":"https://github.com/SoldierCorp/webpack-starter-pug-sass-es6-jquery","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SoldierCorp%2Fwebpack-starter-pug-sass-es6-jquery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SoldierCorp%2Fwebpack-starter-pug-sass-es6-jquery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SoldierCorp%2Fwebpack-starter-pug-sass-es6-jquery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SoldierCorp%2Fwebpack-starter-pug-sass-es6-jquery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SoldierCorp","download_url":"https://codeload.github.com/SoldierCorp/webpack-starter-pug-sass-es6-jquery/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252116160,"owners_count":21697323,"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":["es10","es11","es12","es6","es7","es8","es9","jquery","pug","sass","stylus","webpack","webpack-5","webpack-starter","yarn"],"created_at":"2024-09-24T13:38:16.060Z","updated_at":"2025-05-02T22:31:07.597Z","avatar_url":"https://github.com/SoldierCorp.png","language":"JavaScript","funding_links":["https://github.com/sponsors/SoldierCorp","http://paypal.me/edgardorl","https://www.buymeacoffee.com/edgardo"],"categories":[],"sub_categories":[],"readme":"Webpack project starter with Pug, Sass/Stylus, jQuery, VanillaJS, Babel and Yarn\n\n---\n\n## Now working with Webpack 5 🎉\nYou can still use Webpack 4 by downloading [this branch](https://github.com/SoldierCorp/webpack-starter-pug-sass-es6-jquery/tree/webpack-4)\n\n---\n\nThe purpose of this Webpack Starter is to allow people to create websites without any framework/library like React, Angular, Vue but only using simple but powerful technologies to build quality websites.\n\nWith this starter you can have clean URLs by removing the .html extension. For example:\n\n- *website.com/contact*\n- *website.com/blog*\n- *website.com/profile*\n\n## Demo\n\n🔗 https://webpack-starter.edgardorl.com/\n\n## Technologies used\n\n- Templating: `Pug`\n- Styling: `Sass` *you can also use stylus*\n- Scripting: `jQuery or VanillaJS(plain Javascript)`\n- JS Compiler: `Babel ES6 ES7 ES8 ES9 ES10 ES11 ES12` (that means you can use async/await, replaceAll, optional chaining... among many others)\n\n## Don't like jQuery?\n- You can remove it from the packages and from the Webpack config file and by removing it, your final build will be considerably reduced in size.\n\n## Features\n\n- Well organized folder structure for views, styles, and assets.\n- Webpack notifier on every compilation.\n- Compatibility with `manifest`, `browserconfig`, and other external files you wish to include.\n- `Babel module resolver` configured to use alias and simplify the paths you need to import.\n- `Editorconfig`\n- Yarn.\n- PostCSS.\n\n## Run dev server in a different port\n```\nyarn dev --port your_port_number\n```\n\n## 🌠 Showcase\nWebsites using this starter across the web.\n- https://gameserverkings.com/\n- https://svil.co/\n- https://audience.gg/\n- https://curidental.com/\n- https://fluidai.netlify.app/\n- https://safecontract.netlify.app/\n\nDid you build a website with this starter? Add your website url to this file and submit a PR 🙂\n\n## Contributions\n\nAny contribution is well received. You only have to fork this repo and submit your PRs with some descriptive text.\n\n## Terms of use\n\nFeel free to use it in the way you want. It will be awesome if you could add a link/mention to the original repository or me, so more people can use it in their projects 🙂\n\n## Donations\n\nA donation to buy more coffee it's always well received!\n\n\u003ca href=\"https://www.buymeacoffee.com/edgardo\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\" \u003e\u003c/a\u003e\n\n## Blog post\nhttps://sectorgeek.com/simple-webpack-starter-with-pug-sass-jquery-es6-and-more/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoldiercorp%2Fwebpack-starter-pug-sass-es6-jquery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoldiercorp%2Fwebpack-starter-pug-sass-es6-jquery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoldiercorp%2Fwebpack-starter-pug-sass-es6-jquery/lists"}