https://github.com/keidrun/boilerplate-gulp-postcss
Boilerplate of PostCSS with Gulp.
https://github.com/keidrun/boilerplate-gulp-postcss
boilerplate css css3 cssnext design es2015 es6 gulp postcss
Last synced: about 1 year ago
JSON representation
Boilerplate of PostCSS with Gulp.
- Host: GitHub
- URL: https://github.com/keidrun/boilerplate-gulp-postcss
- Owner: keidrun
- License: mit
- Created: 2017-11-13T16:44:14.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-16T06:39:28.000Z (over 8 years ago)
- Last Synced: 2025-01-23T09:41:57.224Z (about 1 year ago)
- Topics: boilerplate, css, css3, cssnext, design, es2015, es6, gulp, postcss
- Language: JavaScript
- Homepage:
- Size: 546 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# boilerplate-gulp-postcss [![devDependency Status][depstat-image]][depstat-url]
Boilerplate of PostCSS with Gulp.
## Description
This boilerplate provides an automatic web development environment with gulp to develop HTML, CSS(PostCSS) and Javascript(ES6/ES2015).
## Automatic Settings
- transpile for CSS (PostCSS -> CSS)
- attache CSS (normalize.css & autoprefixer)
- format CSS (stylelint)
- transpile for JS (ES6 -> ES5)
- optimize images
- package (minify CSS & JS)
- zip
## Preconditions
- Installed `Chrome` browser.
- Installed `yarn` or `npm`.
- Installed `gulp` globally.
## Steps
1. Clone this repository via `git`.
1. Install modules via `yarn install` or `npm install`.
1. Execute `gulp` and See `http://localhost:3000/` on your Chrome.
1. Enjoy developing your web site.
[depstat-url]: https://david-dm.org/keidrun/boilerplate-gulp-postcss?type=dev
[depstat-image]: https://david-dm.org/keidrun/boilerplate-gulp-postcss/dev-status.svg