install css and image minimizer

fnurrahmah125 · Nov 2, 2023 · 1f0e7f6 · 1f0e7f6
1 parent b8ebdfb
commit 1f0e7f6
Show file tree

Hide file tree

Showing 8 changed files with 1,289 additions and 13 deletions.
diff --git a/test-webpack/output/img/cat-c0ac937c0952015a9246.jpg b/test-webpack/output/img/cat-c0ac937c0952015a9246.jpg
diff --git a/test-webpack/output/img/cat-d908827b839c650602c2.jpg b/test-webpack/output/img/cat-d908827b839c650602c2.jpg
diff --git a/test-webpack/output/index.html b/test-webpack/output/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Belajar Webpack</title><script defer="defer" src="main.caaaf053892ab24b10e9.js"></script><script defer="defer" src="242.c492344aa320d0f928e9.js"></script><script defer="defer" src="vendor.c5d7e9c9df7760116072.js"></script><script defer="defer" src="hello.2a18999539550d47038f.js"></script><script defer="defer" src="shared.356e651d06d2a689e718.js"></script><link href="style.259cfe6f9f24f6511d67.css" rel="stylesheet"></head><body><img src="img/cat-d908827b839c650602c2.jpg" alt="image" class="cat-img" data-tilt/><div class="row justify-content-center mt-5"><div class="col-4"><div class="card"><div class="card-header text-center"><h3>WPU Super App</h3></div><div class="card-body"><div class="alert alert-danger" role="alert" id="error">error!</div><h5 class="card-title">Kalkulator Sakti</h5><div class="input-group mb-3"><input class="form-control" placeholder="masukkan angka" id="operand1" autofocus required/> <span class="input-group-text">+</span> <input class="form-control" placeholder="masukkan angka" id="operand2" required/> <button class="btn btn-primary" type="button" id="tombol-tambah">Jumlahkan!</button></div><div class="card mt-3"><div class="card-body">Hasilnya adalah: <span id="hasil"></span></div></div></div><div class="card-footer text-center"><button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#jokesModal" id="jokes-receh">Jokes Receh!</button></div></div></div></div><div class="modal fade" id="jokesModal" tabindex="-1" aria-labelledby="jokesModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="jokesModalLabel">Joke Hari Ini 🤣</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body">...</div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button></div></div></div></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Belajar Webpack</title><script defer="defer" src="main.caaaf053892ab24b10e9.js"></script><script defer="defer" src="242.c492344aa320d0f928e9.js"></script><script defer="defer" src="vendor.c5d7e9c9df7760116072.js"></script><script defer="defer" src="hello.2a18999539550d47038f.js"></script><script defer="defer" src="shared.356e651d06d2a689e718.js"></script><link href="style.f1b264ee83650ca5a182.css" rel="stylesheet"></head><body><img src="img/cat-c0ac937c0952015a9246.jpg" alt="image" class="cat-img" data-tilt/><div class="row justify-content-center mt-5"><div class="col-4"><div class="card"><div class="card-header text-center"><h3>WPU Super App</h3></div><div class="card-body"><div class="alert alert-danger" role="alert" id="error">error!</div><h5 class="card-title">Kalkulator Sakti</h5><div class="input-group mb-3"><input class="form-control" placeholder="masukkan angka" id="operand1" autofocus required/> <span class="input-group-text">+</span> <input class="form-control" placeholder="masukkan angka" id="operand2" required/> <button class="btn btn-primary" type="button" id="tombol-tambah">Jumlahkan!</button></div><div class="card mt-3"><div class="card-body">Hasilnya adalah: <span id="hasil"></span></div></div></div><div class="card-footer text-center"><button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#jokesModal" id="jokes-receh">Jokes Receh!</button></div></div></div></div><div class="modal fade" id="jokesModal" tabindex="-1" aria-labelledby="jokesModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="jokesModalLabel">Joke Hari Ini 🤣</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body">...</div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button></div></div></div></div></body></html>
diff --git a/test-webpack/output/style.259cfe6f9f24f6511d67.css b/test-webpack/output/style.259cfe6f9f24f6511d67.css
diff --git a/test-webpack/output/style.f1b264ee83650ca5a182.css b/test-webpack/output/style.f1b264ee83650ca5a182.css