https://github.com/jdsteinbach/simple-grunt

My Gruntfile: flat file server with LiveReload, Sass, AutoPrefixer
https://github.com/jdsteinbach/simple-grunt

Last synced: 2 days ago
JSON representation

My Gruntfile: flat file server with LiveReload, Sass, AutoPrefixer

• Host: GitHub
• URL: https://github.com/jdsteinbach/simple-grunt
• Owner: jdsteinbach
• License: mit
• Created: 2015-02-27T21:10:02.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2017-03-27T16:09:41.000Z (almost 8 years ago)
• Last Synced: 2024-10-29T04:04:43.921Z (3 months ago)
• Language: CSS
• Size: 10.4 MB
• Stars: 0
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# simple-grunt

This is my Gruntfile: it runs a flat file server with LiveReload, Sass, AutoPrefixer. Not too complicated … yet.

## `grunt serve`

That's about it. Clone all this into your project folder (where `index.html` lives), make sure you've got all your npm stuff squared away (`npm install`), and run `grunt serve`.

A server will start on port 9000 with LiveReload running on 35729.

Grunt will watch your project files (anything with the extension `html`, `php`, `js`, `css`, `scss`, `png`, `jpg`, `jpeg`, `gif`, `webp`, or `svg`).

If you change any of your Sass files (expected to live in a directory called `sass` but this can be changed on line 16), Grunt will compile your CSS in a directory called `css`. It will also run AutoPrefixer on that file (you can configure that at line 26ff).

That's all for now. I'll be adding more tasks as I have need.

## Road Map

- [ ] Add `build` task

- [ ] Add image optimization

- [ ] Add JS uglify/concatenate

- [ ] Add [Susy](http://susy.readthedocs.org/en/latest/install/#grunt-and-yeoman) support by default