App Starter Project with Webpack

Proyek ini adalah setup dasar untuk aplikasi web yang menggunakan webpack untuk proses bundling, Babel untuk transpile JavaScript, serta mendukung proses build dan serving aplikasi.

Table of Contents

• Getting Started
• Scripts
• Project Structure

Getting Started

Prerequisites

• Node.js (disarankan versi 12 atau lebih tinggi)
• npm (Node package manager)

Installation

1. Download starter project di sini.
2. Lakukan unzip file.
3. Pasang seluruh dependencies dengan perintah berikut.

   npm install

Scripts

• Build for Production:

  npm run build

  Script ini menjalankan webpack dalam mode production menggunakan konfigurasi webpack.prod.js dan menghasilkan sejumlah file build ke direktori dist.

• Start Development Server:

  npm run start-dev

  Script ini menjalankan server pengembangan webpack dengan fitur live reload dan mode development sesuai konfigurasi diwebpack.dev.js.

• Serve:

  npm run serve

  Script ini menggunakan http-server untuk menyajikan konten dari direktori dist.

Project Structure

Proyek starter ini dirancang agar kode tetap modular dan terorganisir.

starter-project/
├── dist/                   # Compiled files for production
├── src/                    # Source project files
│   ├── public/             # Public files
│   ├── scripts/            # Source JavaScript files
│   │   └── index.js        # Main JavaScript entry file
│   ├── styles/             # Source CSS files
│   │   └── styles.css      # Main CSS file
│   └── index.html/         # Main HTML file
├── package.json            # Project metadata and dependencies
├── package-lock.json       # Project metadata and dependencies
├── README.md               # Project documentation
├── STUDENT.txt             # Student information
├── webpack.common.js       # Webpack common configuration
├── webpack.dev.js          # Webpack development configuration
└── webpack.prod.js         # Webpack production configuration