https://github.com/maskray/webappscaffold
Grunt, Bower, npm; Sass, Slim, Coffee
https://github.com/maskray/webappscaffold
Last synced: 12 months ago
JSON representation
Grunt, Bower, npm; Sass, Slim, Coffee
- Host: GitHub
- URL: https://github.com/maskray/webappscaffold
- Owner: MaskRay
- Created: 2014-07-01T11:54:50.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2014-07-01T12:06:45.000Z (over 11 years ago)
- Last Synced: 2025-01-29T02:26:44.174Z (about 1 year ago)
- Language: CoffeeScript
- Size: 121 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WebApp Scaffold
## CLI utilities
- `npm`
- `grunt`
- `bower`
## Preferred tasks
### Related to preprocessors
- `grunt-contrib-coffee`: Serve JS residing in `js/`
- `grunt-contrib-sass`: Serve CSS residing in `css/`
- `grunt-slim`: Slim is better than Jade IMHO
### Assets
- `grunt-bower-install`: inject bower packages into the HTML
```
/! bower:js
/! endbower
```
- [`grunt-autoprefixer`](https://github.com/nDmitry/grunt-autoprefixer): Add vendor prefixes to CSS
### Release
- [`grunt-rev`](https://github.com/cbas/grunt-rev): Revisioning assets for cache busting
- `grunt-htmlmin`: Minimizing HTML
- `grunt-contrib-cssmin`: Minimizing CSS
- `grunt-contrib-uglifier`: Minimizing JS
- [`grunt-usemin`](https://github.com/yeoman/grunt-usemin): Replace references to non-optimized scripts or stylesheets
```
/! build:js js/dist.js
script src='js/app.js'
/! endbuild
```
## Prerequisites
Use `grunt` and `bower` to manage frontend assets:
```bash
npm i -g grunt-cli bower
npm i # dependencies (including grunt and several grunt tasks) are listed in package.json
```
Run the following command to store assets into `bower_components/`:
```bash
bower i # package.json
```
It will fetch `jquery`.
## Web server
Build (into `build/`), watch and serve:
```bash
grunt
```
## Release
`build/ -> dist/`:
```bash
grunt dist
```