How to start gulp

Transcript

1. What is Gulp? How to use Gulp? k-kuwahara @kuwahara_jsri @clown0082
2. Who I am
3. Basic Information const my_info = { Name: ‘܂ݪ੟ਔ’, Home: ‘૔ෑ, ޿ౡ’, Interest: ‘όεέ, কع, ೔ຊञ’, Workplace: ‘Yumemi, Inc.’, Skillset: ‘JS, Node.js, PHP, Ruby’ }
4. Communities staff translator staff staff
5. github.com/riot
6. Recent front-end development environment
7. Development tools CSS JavaScript
8. to automate
9. Automated tools Bundler Task runners
10. Automated tools Bundler Task runners
11. What is Gulp?
12. gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something. Gulp quote: https://gulpjs.com
13. Task1 Task2 Task3 …
14. What gulp can do
15. • compile AltJS, AltCSS • minify and rename JS, CSS • optimize Images • develop and debug with browsersync …etc Using Tools
16. How to start Gulp?
17. 1. install “gulp” and plugins 2. setting commands into “package.json” 3. setting each tasks into “gulpfile.js” 4. execute gulp tasks Get started
18. …?
19. Let’s start gulp with me !!
20. Hands on →