Gulp

Gulp

Transcript

1. Gulp Miya Huang miya_huang@gss.com.tw
2. What is Gulp? • Fast and intuitive streaming build tool built on Node.js. • task runner • over 1700 plugins 2
3. Use gulp build TypeScript 3
4. Typescript • TypeScript is a free and open source • Developed and maintained by Microsoft • First appeared October 1, 2012 • Latest releases 1.6.2 • http://www.typescriptlang.org/ 4
5. Before Start 1. https://git.gss.com.tw/miya_huang/ build_with_gulp 2. install node.js https://nodejs.org 3. install gulp typescript run : “npm install -g gulp typescript” 4. install livereload 5
6. Build with Gulp • path/to/build_with_gulp • npm install • gulp dev • done 6
7. gulpfile.js gulp module path define 7
8. gulpfile.js gulp task source path pipe? 8
9. Pipe? 9
10. Pipe water sweet water pipe sugar pipe lemon sweet lemon water ts javascript pipe ts compile pipe destination ts compile and put at destination 10
11. gulpfile.js ts pipe ts compile javascript pipe destination ts compile and put at destination 11
12. gulpfile.js open local server call task when file change 12
13. Q & A 13
14. Thank you 14