A modern, ready-to-use Webpack starter template for kickstarting JavaScript, HTML, and CSS projects. Designed to be lightweight, fast, and easy to customize.
- โ Webpack 5
- โ Development & Production Modes
- โ Babel (for ES6+)
- โ Hot Module Replacement (HMR)
- โ CSS Loader, Style Loader, & Sass
- โ
HTML Webpack Plugin (auto-generates
index.html) - โ Asset loader (images, fonts, etc.)
- โ
CleanWebpackPlugin (cleans
dist/before build) - โ Routing SPA (Single Page Application)
git clone https://github.com/RenzWay/webpack-starter.git
cd webpack-starternpm install
# or
yarn installRun the development server
npm run dev
# or
yarn devnpm run build
# or
yarn build
Modify the configuration in webpack.common.js as needed:
- Add new loaders (e.g., SASS, TypeScript, React, etc.)
- Add additional plugins (e.g., dotenv, terser, etc.)
- Change the
src/,dist/directories, orpublicPath
This project is suitable for:
- Developers who want to start a JavaScript project from scratch
- Learning practical Webpack setup
- Creating a flexible frontend boilerplate
License: MIT
Free to use and modify. See the LICENSE file for details.
zenrenz
๐ GitHub: [https://github.com/RenzWay]
This is not an official Webpack project. Made by community for learning purposes.
If you find this repo useful, don't forget to give it a โญ๏ธ on GitHub!