https://wiki.unissula.ac.id/index.php?action=history&feed=atom&title=Webpack
Webpack - Riwayat revisi
2026-09-15T18:37:07Z
Riwayat revisi halaman ini di wiki
MediaWiki 1.46.0
https://wiki.unissula.ac.id/index.php?title=Webpack&diff=7453&oldid=prev
Maintenance script: Presentation V4: sitasi, referensi, Math, Wikimedia Commons, dan atribusi
2026-08-24T18:02:34Z
<p>Presentation V4: sitasi, referensi, Math, Wikimedia Commons, dan atribusi</p>
<table style="background-color: #fff; color: #202122;" data-mw-interface="">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="id">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Revisi sebelumnya</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revisi per 24 Agustus 2026 18.02</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Baris 1:</td>
<td colspan="2" class="diff-lineno">Baris 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''webpack''' adalah [[pemaket modul]] untuk JavaScript yang gratis dan [[sumber terbuka]]. Dibuat khusus untuk JavaScript, tetapi dapat digunakan juga untuk aset tampilan seperti file [[HTML]], [[CSS]], dan gambar dengan syarat pengaturan ''loader'' sudah ditetapkan. webpack menggunakan modul dengan dependensi untuk membuat aset statis berdasarkan modul.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[File:Webpack.svg|thumb|right|280px|Webpack]]</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''webpack''' adalah [[pemaket modul]] untuk JavaScript yang gratis dan [[sumber terbuka]].<ins style="font-weight: bold; text-decoration: none;"><ref>[https://developers.google.com/web/fundamentals/performance/webpack/ Web Performance Optimization with webpack]. Google Inc.</ref><ref>[https://www.sitepoint.com/beginners-guide-webpack-module-bundling/ A Beginner's Guide to webpack 4 and Module Bundling]. SitePoint.</ref><ref>[https://www.infoq.com/news/2018/02/webpack-4-0-brings-simplified Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost]. InfoQ.</ref><ref>[https://www.codementor.io/drewpowers/high-performance-webpack-config-for-front-end-delivery-90sqic1qa High-performance webpack config for front-end delivery]. Codementor.</ref> </ins>Dibuat khusus untuk JavaScript, tetapi dapat digunakan juga untuk aset tampilan seperti file [[HTML]], [[CSS]], dan gambar dengan syarat pengaturan ''loader'' sudah ditetapkan.<ins style="font-weight: bold; text-decoration: none;"><ref>[https://survivejs.com/webpack/what-is-webpack/ What is webpack]. SurviveJS.</ref> </ins>webpack menggunakan modul dengan dependensi untuk membuat aset statis berdasarkan modul.<ins style="font-weight: bold; text-decoration: none;"><ref>[https://github.com/webpack/docs/wiki/what-is-webpack What is webpack]. GitHub.</ref></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Webpack mengambil dependensi dan menghasilkan grafik dependensi yang memungkinkan pengembang web untuk menggunakan pendekatan modular untuk tujuan pengembangan aplikasi web. webpack dapat digunakan dari baris perintah atau dapat dikonfigurasi menggunakan file konfigurasi bernama ''webpack.config.js'' . File ini mendefinisikan aturan, plugin, dll., untuk sebuah proyek.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Webpack mengambil dependensi dan menghasilkan grafik dependensi yang memungkinkan pengembang web untuk menggunakan pendekatan modular untuk tujuan pengembangan aplikasi web. webpack dapat digunakan dari baris perintah atau dapat dikonfigurasi menggunakan file konfigurasi bernama ''webpack.config.js'' . File ini mendefinisikan aturan, plugin, dll., untuk sebuah proyek.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>webpack menyediakan kode sesuai permintaan menggunakan istilah ''pemisahan kode''. Dua teknik serupa didukung oleh webpack dalam hal pemisahan kode dinamis. Pendekatan pertama dan yang direkomendasikan adalah menggunakan sintaks ''import()'' yang sesuai dengan proposal ECMAScript untuk impor dinamis. Pendekatan lama, khusus webpack, adalah menggunakan ''require.ensure'' .</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>webpack menyediakan kode sesuai permintaan menggunakan istilah ''pemisahan kode''. Dua teknik serupa didukung oleh webpack dalam hal pemisahan kode dinamis. Pendekatan pertama dan yang direkomendasikan adalah menggunakan sintaks ''import()'' yang sesuai dengan proposal ECMAScript untuk impor dinamis. Pendekatan lama, khusus webpack, adalah menggunakan ''require.ensure'' . <ins style="font-weight: bold; text-decoration: none;"><ref>[https://webpack.js.org/guides/code-splitting/#dynamic-imports Dynamic imports]. webpack.</ref></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== server pengembangan webpack ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== server pengembangan webpack ==</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l16">Baris 16:</td>
<td colspan="2" class="diff-lineno">Baris 18:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referensi ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referensi ==</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><references /></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Sumber dan atribusi ==</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=Webpack&oldid=29369151 Wikipedia bahasa Indonesia], revisi 29369151 (2026-06-21T02:42:38Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Gambar pada artikel ini bersumber dari Wikimedia Commons dan mengikuti ketentuan lisensi masing-masing berkas. Mohon gunakan konten dan media secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">== Sumber dan atribusi ==</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><!</ins>-- <ins style="font-weight: bold; text-decoration: none;">WIKI_UNISSULA_PRESENTATION_V4 </ins>--<ins style="font-weight: bold; text-decoration: none;">></ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=Webpack&oldid=29369151 Wikipedia bahasa Indonesia], revisi 29369151 (2026</del>-<del style="font-weight: bold; text-decoration: none;">06</del>-<del style="font-weight: bold; text-decoration: none;">21T02:42:38Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi</del>-<del style="font-weight: bold; text-decoration: none;">BerbagiSerupa (CC BY</del>-<del style="font-weight: bold; text-decoration: none;">SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
</table>
Maintenance script
https://wiki.unissula.ac.id/index.php?title=Webpack&diff=7053&oldid=prev
Maintenance script: Impor teks terkontrol dari Wikipedia bahasa Indonesia; revisi 29369151; atribusi sumber disertakan.
2026-08-24T17:30:17Z
<p>Impor teks terkontrol dari Wikipedia bahasa Indonesia; revisi 29369151; atribusi sumber disertakan.</p>
<p><b>Halaman baru</b></p><div>'''webpack''' adalah [[pemaket modul]] untuk JavaScript yang gratis dan [[sumber terbuka]]. Dibuat khusus untuk JavaScript, tetapi dapat digunakan juga untuk aset tampilan seperti file [[HTML]], [[CSS]], dan gambar dengan syarat pengaturan ''loader'' sudah ditetapkan. webpack menggunakan modul dengan dependensi untuk membuat aset statis berdasarkan modul.<br />
<br />
Webpack mengambil dependensi dan menghasilkan grafik dependensi yang memungkinkan pengembang web untuk menggunakan pendekatan modular untuk tujuan pengembangan aplikasi web. webpack dapat digunakan dari baris perintah atau dapat dikonfigurasi menggunakan file konfigurasi bernama ''webpack.config.js'' . File ini mendefinisikan aturan, plugin, dll., untuk sebuah proyek.<br />
<br />
webpack menyediakan kode sesuai permintaan menggunakan istilah ''pemisahan kode''. Dua teknik serupa didukung oleh webpack dalam hal pemisahan kode dinamis. Pendekatan pertama dan yang direkomendasikan adalah menggunakan sintaks ''import()'' yang sesuai dengan proposal ECMAScript untuk impor dinamis. Pendekatan lama, khusus webpack, adalah menggunakan ''require.ensure'' .<br />
<br />
== server pengembangan webpack ==<br />
webpack juga menyediakan server pengembangan bawaan melalui pustaka ''webpack-dev-server.'' Pustaka tersebut dapat digunakan sebagai server HTTP untuk menyajikan file selama pengembangan. Selain itu, webpack juga menyediakan kemampuan untuk menggunakan ''Hot Module Replacement'' (HMR), yang memperbarui kode pada halaman web tanpa mengharuskan pengembang untuk memuat ulang halaman.<br />
<br />
== Lihat juga ==<br />
* [[Browsertify]]<br />
* [[Vite]]<br />
* [[Grunt]]<br />
* [[Gulp.js]]<br />
* [[Kerangka kerja JavaScript]]<br />
<br />
== Referensi ==<br />
<br />
<br />
<br />
== Sumber dan atribusi ==<br />
<br />
Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=Webpack&oldid=29369151 Wikipedia bahasa Indonesia], revisi 29369151 (2026-06-21T02:42:38Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.</div>
Maintenance script