Introduction to use Grunt

Gruntの概要からインストールまで

Transcript

2. • • • • • • •
3. • • •
4. • • • •
5. $ sudo aptitude install build-essential libssl-dev $ sudo aptitude install curl $ wget http://nodejs.org/dist/v0.10.25/node- v0.10.25.tar.gz make install
6. $ sudo curl http://npmjs.org/install.sh | sudo sh
7. $ sudo npm install -g grunt-cli
8. •
9. • project ├──css │ ├──style.css │ └──style.scss ├──img ├──js └──index.html
10. • •
11. • •
12. $ npm init •
15. $ npm install grunt --save-dev npm install grunt --save-dev
17. $ npm install grunt-contrib --save-dev
18. • • • • • • • • • •
19. • • • • • • • • • •
20. • • • • • • • • • •
21. • • • • • • • • • •
22. • • • • • • • • • •
23. $ rm -rf node_modules $ npm install "devDependencies" OK
24. • module.exports = function(grunt) { grunt.initConfig({ // }); // };
25. module.exports = function(grunt) { grunt.initConfig({ // }); grunt.loadNpmTasks('grunt-contrib-clean'); grunt.loadNpmTasks('grunt-contrib-cssmin'); };
26. module.exports = function(grunt) { grunt.initConfig({ clean: { ~~ ~~ }, cssmin: { compress: { files: { './min.css': ['css/style.css'] }}} }); grunt.loadNpmTasks('grunt-contrib-clean'); grunt.loadNpmTasks('grunt-contrib-cssmin'); };
27. $ grunt clean $ grunt cssmin
28. module.exports = function(grunt) { grunt.initConfig({ ~~ ~~ }); grunt.loadNpmTasks('grunt-contrib-clean'); grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.registerTask('default', ['cssmin', 'watch']); }; $ grunt
29. • $ npm init $ npm install grunt --save-dev $ npm install grunt-contrib --save-dev //Gruntfile.js $ grunt