SehrNaveed

Series

Using Webpack 5, Create a Multi-Page JavaScript Boilerplate

JavaScript is the core part of web development. In this series, we will crate a Multi-Page JavaScript Boilerplate with Webpack 5, Babel, Prettier and Github-Actions.

Articles in this series

Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 1)

Dec 18, 20233 min read

Setting up a boilerplate using Webpack seems daunting at first unless I set it up step by step and found that it wasn’t as difficult as I thought it...

Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 1)

Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 2)

Dec 18, 20234 min read

This article is a continuation of part 1. In part 1, we set up Webpack. In part 2, we are going to set up HTML templates and CSS. 2. Setup HTML...

Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 2)

Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 3)

Dec 18, 20233 min read

This article is a continuation of Part 2. In Part 2, we set up HTML templates and CSS. Now, we'll configure Babel, the Assets folder and hot...

Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 3)

Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 4)

Dec 18, 20232 min read

This article is a continuation of Part 3. In this article, we will add configurations to set up multi-page HTML templates. Setup Multi-Page using...

Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 4)

Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel, ESLint and Prettier (Part 5)

Dec 18, 20232 min read

This is a continuation of Part 4. In Part 5, we will set up ESLint and Prettier. ESLint and Prettier We want to enforce best practices and formatting...

Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel, ESLint and Prettier (Part 5)

Create a Multi-Page JavaScript Boilerplate with Webpack 5, lint-staged, husky and github-actions (Part 6)

Dec 18, 20233 min read

This is a continuation of Part 5. This is the last part. In this part, we will set up Husky and Github-Actions. Setup lint-staged and...

Create a Multi-Page JavaScript Boilerplate with Webpack 5, lint-staged, husky and github-actions (Part 6)