Grunt: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(→Others) |
|||
| Zeile 9: | Zeile 9: | ||
* npm install | * npm install | ||
* grunt | * grunt | ||
| + | |||
| + | ==Structure== | ||
| + | * '''package.json''' - file containing various metadata about an Node Packaged Modules. Project identification and description, project's dependencies, ... | ||
| + | ** dependencies field is used to list all the dependencies of your project that are available on npm | ||
| + | ** devDependencies are dependencies not required for normal operation, but required/recommended if you want to patch or modify the project. E.g. testing framework | ||
| + | |||
==Others== | ==Others== | ||
Version vom 19. August 2013, 10:57 Uhr
Install
- Getting Started with Grunt, How to install grunt and how to built script with it
- cd <your_project>
- npm install -g grunt-cli
- touch package.json Gruntfile.js
- npm install grunt --save-dev
Use in a new Grunt project
- npm install
- grunt
Structure
- package.json - file containing various metadata about an Node Packaged Modules. Project identification and description, project's dependencies, ...
- dependencies field is used to list all the dependencies of your project that are available on npm
- devDependencies are dependencies not required for normal operation, but required/recommended if you want to patch or modify the project. E.g. testing framework
Others
- concatenate and minify your Javascript and CSS source files
- https://npmjs.org/package/grunt-frontend - minify CSS and JS
- grunt-contrib-jade - compiles Jade html language
- Jade Readme Contents
- npm install grunt-contrib-jade --save-dev
- simplemon - Simple file monitor that executes commands whenever a file change occurs
- simplemon -O jade html_templates jade_templates
- http://livereload.com/
- https://github.com/gruntjs/grunt-contrib-livereload
- Dependency: npm install grunt-contrib-connect https://npmjs.org/package/grunt-contrib-connect
- https://github.com/gruntjs/grunt-contrib-livereload