https://github.com/replete/frontend-boilerplate
Frontend tooling scaffolding suited to new website template builds, built on Gulp4 with all the trimmings
https://github.com/replete/frontend-boilerplate
html javascript project-template scss
Last synced: about 2 months ago
JSON representation
Frontend tooling scaffolding suited to new website template builds, built on Gulp4 with all the trimmings
- Host: GitHub
- URL: https://github.com/replete/frontend-boilerplate
- Owner: replete
- Created: 2021-10-04T22:37:11.000Z (over 4 years ago)
- Default Branch: dev
- Last Pushed: 2021-12-09T01:07:45.000Z (over 4 years ago)
- Last Synced: 2025-01-14T11:05:07.354Z (over 1 year ago)
- Topics: html, javascript, project-template, scss
- Language: SCSS
- Homepage:
- Size: 1.36 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Frontend Boilerplate
Frontend tooling scaffolding suited to new website template builds with sass and hot-reloading by default.
- `gulp dev` runs development server with hot reloading via [browserSync](https://browsersync.io)
- `npm run dev` runs `gulp dev` while nodemon reloads gulp after `gulpfile.js` changes. (`npm -g nodemon`)
- `gulp` | `gulp build` | `npm run build` - full build of assets
- Tested with `Gulp 4.0.2` and `Node 16.10.0`
## TODO
- [x] Gulp4 with ES module syntax
- [x] browsersync server with hot-reloading of assets
- [x] CSS Framework basic (normalize, helpers etc)
- [x] Image asset optimization
- [x] SVG optimization
- [x] JS optimization
- [x] Watch gulpfile.js for changes and reload
- [x] JS Sourcemaps
- [x] Split off JS optimization steps into separate gulp tasks
- [x] JS concatenation/bundling
- [x] CSS optimization (autoprefixer, sourcemaps, ~~combinemq~~, cssnano, ...)
- [x] Add cachebusting to html files
- [ ] CSS Framework: modern sass conventions / standards
- [ ] CSS / Scss linting (?)
- [ ] SVG to Iconfont generation, w/ styles
- [ ] SVG bundling (?)
- [ ] Default browsersync proxy config
- [ ] JS linting (out of scope?)