taski opisane JS
potrzebny Node.js z dodaniem do PATH ścieżki instalacyjnej do Node,js aby korzystać w konsoli z poleceń npm
npm install -g grunt-cli – używanie poleceń grunta w konsoli Grunt CLI (command line interface) – bez tego po wpisaniu grunt w konsoli otrzymamy error „Command Not Found”
npm install -g grunt
npm install grunt –save-dev
"devDependencies": { "grunt": "^1.0.1" }
3 główne sekcje:
pobranie tasków gunt -> gruntjs.com/plugins
kiedy usuniemy cały katalog node_modules ale zachowamy plik packages.js to uruchamiając komendę npm install pobieramy wszytskie zasoby
pobiera potrzebne moduły i ich zależności w katalogu node_modules
budowa Gruntfile.js:
module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), taskName: { //nazwa zadania options: { //opcje }, operations: { //operacje } } }); grunt.loadNpmTasks('grunt-module'); // w taki sposób ładujemy nasze moduły grunt.registerTask('default', ['taskName']); // określany jakie zadania wykonują się po wpisaniu w konsoli grunt };
generowanie plików poprzez grunt init (po instalacji szablonów)
Grunt i Grunt plugins – instalowane i zarządzane za pomocą npm (Node.js package menager)
aktualizacja npm: npm update -g npm (z sudo lub bez)
komenda: npm instal modul-name –save-dev
–save-dev – dodanie modułu do pliku package.js w sekcji devDependencies
–save – dodanie modułu do pliku package.js w sekcji dependencies
instalujemy lokalnie grunt – npm install grunt –save-dev – pojawia się w pliku package.js
Elementy Gruntfile:
Additional Resources
grunt wordpress:
gulp:
npm run gulpwatch instead of gulp watch
npm run gulpstyles instead of gulp styles
npm run gulpscripts instead of gulp scripts
Agnieszka Trefler (Ruda) - freelancer, web developer, specjalistka od WordPressa z Wrocławia. Z pasją budowania stron, blogowania i fotografowania. Twórca Inspiracji fotograficznych.