Slide 1

Slide 1 text

Webpack assets bundling or loading. or packaging. or whatever.

Slide 2

Slide 2 text

Hello! I am Achmad Mahardi Front-End Developer, NoLimit ID You can find me at @achmadmahardi

Slide 3

Slide 3 text

Assets Loading whaaaat? 1

Slide 4

Slide 4 text

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.

Slide 5

Slide 5 text

Soro e ndek endi? a.k.a why assets-loading is hard 2

Slide 6

Slide 6 text

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.

Slide 7

Slide 7 text

How? Cek ndak edan 3

Slide 8

Slide 8 text

Webpack webpack takes modules with dependencies and generates static assets.

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

CommonJS, AMD, & ES6 modules require() all the things!