PHPackages contributte/webpack-skeleton - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. contributte/webpack-skeleton ActiveProject contributte/webpack-skeleton ============================ Webpack 4 project skeleton based on Nette Framework (@nette) and Contributte (@contributte) libraries by @f3l1x. 431659[14 PRs](https://github.com/contributte/webpack-skeleton/pulls)JavaScriptCI passing Since Mar 2Pushed 1w ago3 watchersCompare [ Source](https://github.com/contributte/webpack-skeleton)[ Packagist](https://packagist.org/packages/contributte/webpack-skeleton)[ RSS](/packages/contributte-webpack-skeleton/feed)WikiDiscussions master Synced 6d ago READMEChangelogDependenciesVersions (17)Used By (0) [![](https://camo.githubusercontent.com/34a7e35aefe4265a32693adcd117eed471fbd6f1b6d55355ac682723a01c2630/68747470733a2f2f686561746261646765722e6e6f772e73682f6769746875622f726561646d652f636f6e74726962757474652f7765627061636b2d736b656c65746f6e2f)](https://camo.githubusercontent.com/34a7e35aefe4265a32693adcd117eed471fbd6f1b6d55355ac682723a01c2630/68747470733a2f2f686561746261646765722e6e6f772e73682f6769746875622f726561646d652f636f6e74726962757474652f7765627061636b2d736b656c65746f6e2f) [![](https://camo.githubusercontent.com/cf0e68a5af1f77ea404b1da64257eeb70ed09e5dbe260f893d2a160c457d7a15/68747470733a2f2f62616467656e2e6e65742f6769746875622f636865636b732f636f6e74726962757474652f7765627061636b2d736b656c65746f6e2f6d6173746572)](https://github.com/contributte/webpack-skeleton/actions) [![](https://camo.githubusercontent.com/7b46cf32c4393c9853baa3535a7155552ad6d699882707f41390f5945b2af927/68747470733a2f2f62616467656e2e6e65742f636f6465636f762f632f6769746875622f636f6e74726962757474652f7765627061636b2d736b656c65746f6e)](https://codecov.io/gh/contributte/webpack-skeleton) [![](https://camo.githubusercontent.com/4c1817903471e8f8520eef7087361d4a1a54a7ec7131a3454b426b344e7e93fa/68747470733a2f2f62616467656e2e6e65742f7061636b61676973742f646d2f636f6e74726962757474652f7765627061636b2d736b656c65746f6e)](https://packagist.org/packages/contributte/webpack-skeleton) [![](https://camo.githubusercontent.com/abd9667f28a734b862a9b7723d5bfe0f1d3d7a12e555179e31cc87ff2cc21f7d/68747470733a2f2f62616467656e2e6e65742f7061636b61676973742f762f636f6e74726962757474652f7765627061636b2d736b656c65746f6e)](https://packagist.org/packages/contributte/webpack-skeleton) [![](https://camo.githubusercontent.com/29962889b4c765482a88e208720481e4ec5b868f4629f7e3c175a4c54bda904d/68747470733a2f2f62616467656e2e6e65742f7061636b61676973742f7068702f636f6e74726962757474652f7765627061636b2d736b656c65746f6e)](https://packagist.org/packages/contributte/webpack-skeleton) [![](https://camo.githubusercontent.com/602ac2001db06a3bb69b978e9829279c30de24f27f01444a9a4d0040bd53e30b/68747470733a2f2f62616467656e2e6e65742f6769746875622f6c6963656e73652f636f6e74726962757474652f7765627061636b2d736b656c65746f6e)](https://github.com/contributte/webpack-skeleton) [![](https://camo.githubusercontent.com/a8b1cd856d7d396fdebbe46947cc3507490acc267a02361e5e53bb7b820c95c3/68747470733a2f2f62616467656e2e6e65742f62616467652f737570706f72742f6769747465722f6379616e)](https://bit.ly/ctteg) [![](https://camo.githubusercontent.com/86d6416fc04f8bcc3daa7bf881526b9953b9726b1164d05c157c8713e3a73418/68747470733a2f2f62616467656e2e6e65742f62616467652f737570706f72742f666f72756d2f79656c6c6f77)](https://bit.ly/cttfo) [![](https://camo.githubusercontent.com/5d170ab94e6d594609561e16fe0f9e4293968fbd4dfcfafc5e11efc1415ef09c/68747470733a2f2f62616467656e2e6e65742f62616467652f73706f6e736f722f646f6e6174696f6e732f463936383534)](https://contributte.org/partners.html) Website 🚀 [contributte.org](https://contributte.org) | Contact 👨🏻‍💻 [f3l1x.io](https://f3l1x.io) | Twitter 🐦 [@contributte](https://twitter.com/contributte) [![](https://camo.githubusercontent.com/6203e1740f23c9739a7714a3469312030350f1381f7db27259ae350d220ff289/68747470733a2f2f6170692e6d6963726f6c696e6b2e696f3f75726c3d68747470732533412532462532466578616d706c65732e636f6e74726962757474652e6f72672532467765627061636b2d736b656c65746f6e253246266f7665726c61792e62726f777365723d6c696768742673637265656e73686f743d74727565266d6574613d66616c736526656d6265643d73637265656e73686f742e75726c)](https://camo.githubusercontent.com/6203e1740f23c9739a7714a3469312030350f1381f7db27259ae350d220ff289/68747470733a2f2f6170692e6d6963726f6c696e6b2e696f3f75726c3d68747470732533412532462532466578616d706c65732e636f6e74726962757474652e6f72672532467765627061636b2d736b656c65746f6e253246266f7665726c61792e62726f777365723d6c696768742673637265656e73686f743d74727565266d6574613d66616c736526656d6265643d73637265656e73686f742e75726c) --- Goal ---- [](#goal) Main goal is to provide webpack starter-kit project for Nette developers. Demo ---- [](#demo) Installation ------------ [](#installation) You will need `PHP 8.4+` and [Composer](https://getcomposer.org/). Create project using composer. ``` composer create-project -s dev contributte/webpack-skeleton acme ``` Install Composer dependencies: `composer install` or `make install` Install NPM dependencies: `npm install` or `make install` Now you have application installed. It's time to run it. Startup ------- [](#startup) **Backend** The easiest way is to use php built-in web server. ``` php -S 0.0.0.0:8000 -t www ``` Or via `make dev`. Then visit in your browser. **Frontend** If you want to compile assets, call `npm run start`. If you need watcher, call `npm run watch`, it will watch your codebase and rebuild assets. If you want build for production, call `npm run build`. If you want start webpack development server with HRM, call `npm run dev`, open in your browser. Or via `make webpack`. Features -------- [](#features) - 👍 Nette 3+ - 👍 Webpack 5+ - 🎉 extracting JS to single bundle - 🎉 extracting CSS to single file - 🎉 more bundles (front/admin/vendor) - 👍 Snippets - 🎉 few snippets - 👍 Nette Form - 🎉 AJAX submitting - 🎉 form builder - empty value on control (`@` in email) - validation rules (filled + email) - simple filter (transform email to lowercase) - onValidate / onSubmit / onSuccess - 🎉 manual rendering - success snippet / error snippet - required class on form-group - description on control Screenshots ----------- [](#screenshots) [![](https://raw.githubusercontent.com/contributte/webpack-skeleton/master/.docs/webpack.png)](https://raw.githubusercontent.com/contributte/webpack-skeleton/master/.docs/webpack.png) [![](https://raw.githubusercontent.com/contributte/webpack-skeleton/master/.docs/phpserver.png)](https://raw.githubusercontent.com/contributte/webpack-skeleton/master/.docs/phpserver.png) [![](https://raw.githubusercontent.com/contributte/webpack-skeleton/master/.docs/web.png)](https://raw.githubusercontent.com/contributte/webpack-skeleton/master/.docs/web.png) Development ----------- [](#development) See [how to contribute](https://contributte.org/contributing.html) to this package. This package is currently maintaining by these authors. [ ![](https://avatars2.githubusercontent.com/u/538058?v=3&s=80)](https://github.com/f3l1x)--- Consider to [support](https://contributte.org/partners.html) **contributte** development team. Also thank you for using this project. ### Health Score 33 — LowBetter than 75% of packages Maintenance64 Regular maintenance activity Popularity24 Limited adoption so far Community18 Small or concentrated contributor base Maturity22 Early-stage or recently created project Bus Factor1 Top contributor holds 75.9% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://avatars.githubusercontent.com/u/538058?v=4)[Milan Šulc](/maintainers/f3l1x)[@f3l1x](https://github.com/f3l1x) --- Top Contributors [![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (695 commits)")[![dependabot-preview[bot]](https://avatars.githubusercontent.com/in/2141?v=4)](https://github.com/dependabot-preview[bot] "dependabot-preview[bot] (127 commits)")[![f3l1x](https://avatars.githubusercontent.com/u/538058?v=4)](https://github.com/f3l1x "f3l1x (80 commits)")[![petrparolek](https://avatars.githubusercontent.com/u/6066243?v=4)](https://github.com/petrparolek "petrparolek (6 commits)")[![ohmyfelix](https://avatars.githubusercontent.com/u/261235610?v=4)](https://github.com/ohmyfelix "ohmyfelix (6 commits)")[![KarloZKvasin](https://avatars.githubusercontent.com/u/13052700?v=4)](https://github.com/KarloZKvasin "KarloZKvasin (1 commits)")[![universe-42](https://avatars.githubusercontent.com/u/3579000?v=4)](https://github.com/universe-42 "universe-42 (1 commits)") --- Tags assetscontributtefrontendnettenette-frameworknpmprojectwebpack ### Embed Badge ![Health badge](/badges/contributte-webpack-skeleton/health.svg) ``` [![Health](https://phpackages.com/badges/contributte-webpack-skeleton/health.svg)](https://phpackages.com/packages/contributte-webpack-skeleton) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)