kristoforsalmin / web-starter

[ARCHIVED] A simple web development toolset

[ARCHIVED] Web Starter

Web Starter is a simple web development toolset.

Feature	Tools Used
HTML	Pug
CSS	PostCSS, CSSO, SUIT CSS
JavaScript	webpack, Babel, UglifyJS
Images	imagemin, svg-sprite
Code Linting	stylelint, ESLint
Live Updating	Browsersync

System Requirements

This toolset uses some features of Unix-like operating systems. If you use Windows, please make sure you have Git Bash installed.

Additionally you will need to manually add Make:

1. Go to MSYS2 package repository and download latest version of Make.
2. Merge contents of usr folder into C:\Program Files\Git\usr.
3. Open Git Bash and check that make command is available.

Installation

Install dependencies:

npm install

Usage

To build all resources run:

make

To start static server and watch files for changes run:

make serve

Additionally you can take a look at the Makefile for more information about available commands.

Acknowledgements

• Web Starter Kit by Google
• task automation with npm run by James Halliday
• Source Code for philipwalton.com by Philip Walton
• Auto-build CSS / JS etc by TJ Holowaychuk

License

Code available under MIT license.

web-starter's Issues

Use Shields.io in README.md

http://shields.io/

Also fix link to David DM.

Fix LICENSE text

Use one from GitHub.

Support dynamic imports

Probably it's a good idea to support dynamic imports by default.

Update CSS variables to comply with new SUIT CSS naming conventions

https://github.com/suitcss/suit/blob/master/doc/naming-conventions.md#variables

Fix webpack.config.js

Use rules instead of loaders.

Update ESlint config

Add node environment to .eslintrc.

Add CHANGELOG.md

http://keepachangelog.com/

Add Dockerfile

Remove targets from Babel settings

Need to remove targets from .babelrc as soon as next major version of babel-preset-env gets released.