close

Webpack Pandhuan kanggo wiwitan

Webpack minangka alat sing migunani banget kanggo pangembangan web modern, mbantu manajemen sumber daya lan optimalisasi proyek. Mangkene pandhuan dhasar kanggo wong anyar babagan cara nggunakake Webpack:

Instal Webpack

Kaping pisanan, instal Node.js yen sampeyan durung. Banjur, gawe direktori kanggo proyek sampeyan lan bukak jendhela Terminal / Command Prompt ing direktori kasebut. Jalanake printah ing ngisor iki kanggo nginstal Webpack lan webpack-cli(antarmuka baris perintah Webpack):

npm install webpack webpack-cli --save-dev

Nggawe Webpack Konfigurasi

Gawe file sing dijenengi webpack.config.js ing root direktori proyek sampeyan. Iki ngendi sampeyan bakal ngatur Webpack.

const path = require('path');  
  
module.exports = {  
  entry: './src/index.js', // Entry point of your application  
  output: {  
    filename: 'bundle.js', // Output file name  
    path: path.resolve(__dirname, 'dist') // Output directory  
  }  
};

Nggawe Folder lan File

Gawe src folder ing direktori root, lan ing njero, gawe file sing dijenengi index.js minangka file utama kanggo aplikasi sampeyan.

Mlayu Webpack

Bukak Terminal lan jalanake perintah ing ngisor iki kanggo ngumpulake kode sumber sampeyan nggunakake Webpack:

npx webpack

Sawise mbukak printah iki, Webpack bakal tindakake konfigurasi, ngumpulake index.js file, lan nggawe file output dijenengi bundle.js ing dist direktori.

Gunakake ing HTML

Gawe file HTML ing dist direktori utawa lokasi sing disenengi lan link menyang bundle.js file kasebut:

<!DOCTYPE html>  
<html>  
<head>  
  <title>Webpack App</title>  
</head>  
<body>  
  <script src="bundle.js"></script>  
</body>  
</html>

Jalanake Aplikasi

Bukak file HTML ing browser sampeyan lan priksa manawa aplikasi sampeyan bisa digunakake.

Iki mung pandhuan dhasar. Webpack nduweni akeh fitur sing kuat kayata nangani CSS, ngatur modul, nggunakake loader lan plugin, optimasi kode sumber, lan liya-liyane. Jelajahi dokumentasi resmi Webpack kanggo nggunakake kanthi lengkap kemampuan alat iki.