The Skeletal starter kit consists of various front end tools such Gulp 4, Webpack 2 and regular NPM scripts, configured in a way that caters to a more modular/component based development workflow. The purpose of Skeletal is to provide tooling that is generic enough to serve as a starting point for any kind of project, while still being easy to extend if the need arises.
- Live reloding with BrowserSync
- SASS-compliation with node-sass
- Image optimization with Imagemin
- Liting with Eslint
- Transpilation, bundling and module loading with Webpack
Clone the Github repo, and run the install script:
$ git clone https://github.com/eddo81/skeletal.git
$ cd skeletal
$ npm install
Before running the install script do make sure to have all the necessary dependencies installed on your system. You will need the following package managers to initialize the Skeletal starter kit:
To run the project in development mode run:
$ npm start
To create a production build of the project run:
$ npm run build
To run Critical CSS in your project (inline "above the fold" CSS) run:
$ npm run postbuild
To run clean out the public folder type:
$ npm run clean
The following people have helped create the Skeletal starter kit:
The Skeletal starter kit is a free seed project and carries a MIT license.