美团点评技术沙龙05 - 浅谈前端工程化
29
᧨ڹᒒૡᑕ۸ ᗦࢫᅩᦧ ڹᒒૡᑕ Ḷ 2016-03-21
-
date post
12-Feb-2017 -
Category
Engineering
-
view
525 -
download
13
Transcript of 美团点评技术沙龙05 - 浅谈前端工程化
![Page 1: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/1.jpg)
2016-03-21
![Page 2: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/2.jpg)
• 12 15
• webQQ Q+ QQ QQ node server
•
• Hybrid web
•
• nodejs
![Page 3: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/3.jpg)
•
•
•
•
![Page 4: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/4.jpg)
•
•
![Page 5: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/5.jpg)
0
25
50
75
100
![Page 6: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/6.jpg)
![Page 7: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/7.jpg)
server
ftp
![Page 8: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/8.jpg)
server
ftp
![Page 9: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/9.jpg)
forkA B
![Page 10: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/10.jpg)
yeoman
✓
✓ npm
✓
![Page 11: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/11.jpg)
node-server
![Page 12: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/12.jpg)
![Page 13: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/13.jpg)
![Page 14: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/14.jpg)
✓
✓
✓
![Page 15: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/15.jpg)
——
100+
![Page 16: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/16.jpg)
![Page 17: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/17.jpg)
•
•
•
• jsonp
• ……
![Page 18: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/18.jpg)
——
service
cgi
web
+koa
![Page 19: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/19.jpg)
——
✓
✓
✓ React
![Page 20: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/20.jpg)
![Page 21: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/21.jpg)
—— CI
hook hookhook hook
npm run build MD5
![Page 22: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/22.jpg)
—— CI
✓
Gitlab Jenkins master
Jenkins slave
Jenkins slave
Jenkins slave
beta
![Page 23: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/23.jpg)
—— CI
✓ +
![Page 24: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/24.jpg)
—— CI
✓ build
src distGrunt
Gulp
Sass
browserify
compass
webpack
stylus
seajs
![Page 25: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/25.jpg)
—— CI
✓ xss
✓
![Page 26: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/26.jpg)
• CI
•
•
![Page 27: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/27.jpg)
•
•
•
![Page 28: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/28.jpg)
Q&A
![Page 29: 美团点评技术沙龙05 - 浅谈前端工程化](https://reader034.fdocuments.net/reader034/viewer/2022042422/58a070061a28ab06528b69ab/html5/thumbnails/29.jpg)
Thank you!