Webpack Assets Loading - Talk @PHP User Group Malang, March 2015

Bagaimana kita memaketkan client-side apps ke browser di klien secara efektif.

Transcript

1. Webpack assets bundling or loading. or packaging. or whatever.
2. Hello! I am Achmad Mahardi Front-End Developer, NoLimit ID You can find me at @achmadmahardi
3. Assets Loading whaaaat? 1
4. Assets Loading Bagaimana kita memaketkan client-side apps ke browser di klien secara efektif. Apa yang perlu dipaketkan? libs, logic, dan assets - images, css, fonts, you name it.
5. Soro e ndek endi? a.k.a why assets-loading is hard 2
6. Secepatnya! delivery time optimal adalah < 5s. Lebih lama dari itu, dan klien akan merasa app kita hang - Jaga ukuran aplikasi sekecil mungkin. Module dependency Saat ini, web apps kompleks dan terdiri dari banyak modul. Lazy Loading untuk modul modul tersebut sangat membantu, tetapi cukup sulit dilakukan - contoh, require.js Caching Store data ke cache mudah dilakukan, tetapi kapan kita perlu revalidate yang susah. Apalagi, jika aplikasi mennggunakan teknik lazy-loading.
7. How? Cek ndak edan 3
8. Webpack webpack takes modules with dependencies and generates static assets.
10. CommonJS, AMD, & ES6 modules require() all the things!