https://github.com/myriadn/dicoding_intermediateproject_prototype
Tugas Proyek web intermediate dari studi independen DBS Foundation dan Dicoding
https://github.com/myriadn/dicoding_intermediateproject_prototype
internship-task javascript webpack
Last synced: about 2 months ago
JSON representation
Tugas Proyek web intermediate dari studi independen DBS Foundation dan Dicoding
- Host: GitHub
- URL: https://github.com/myriadn/dicoding_intermediateproject_prototype
- Owner: Myriadn
- Created: 2025-04-12T11:10:14.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-04-13T15:57:48.000Z (about 2 months ago)
- Last Synced: 2025-04-13T16:44:38.382Z (about 2 months ago)
- Topics: internship-task, javascript, webpack
- Language: JavaScript
- Homepage:
- Size: 177 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](#getting-started)
- [Scripts](#scripts)
- [Project Structure](#project-structure)
## Getting Started
### Prerequisites
- [Node.js](https://nodejs.org/) (disarankan versi 12 atau lebih tinggi)
- [npm](https://www.npmjs.com/) (Node package manager)
### Installation
1. Download starter project [di sini](https://raw.githubusercontent.com/dicodingacademy/a219-web-intermediate-labs/099-shared-files/starter-project-with-webpack.zip).
2. Lakukan unzip file.
3. Pasang seluruh dependencies dengan perintah berikut.
```shell
npm install
```
## Scripts
- Build for Production:
```shell
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:
```shell
npm run start-dev
```
Script ini menjalankan server pengembangan webpack dengan fitur live reload dan mode development sesuai konfigurasi di`webpack.dev.js`.
- Serve:
```shell
npm run serve
```
Script ini menggunakan [`http-server`](https://www.npmjs.com/package/http-server) untuk menyajikan konten dari direktori `dist`.
## Project Structure
Proyek starter ini dirancang agar kode tetap modular dan terorganisir.
```text
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
```