Sehrish Naveedsehrishnaveed.hashnode.dev·Dec 18, 2023Create a Multi-Page JavaScript Boilerplate with Webpack 5, lint-staged, husky and github-actions (Part 6)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 Husky Pre-Requisite: Set up git in the project. Run command git init to initiate it. It is a tedious process to run ...Discuss·47 readsUsing Webpack 5, Create a Multi-Page JavaScript Boilerplatejavascript-boilerplate
Sehrish Naveedsehrishnaveed.hashnode.dev·Dec 18, 2023Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel, ESLint and Prettier (Part 5)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 throughout the project. npm install --save-dev eslint-webpack-plugin eslint @babel/eslint-parser es...Discuss·33 readsUsing Webpack 5, Create a Multi-Page JavaScript BoilerplateJavaScript
Sehrish Naveedsehrishnaveed.hashnode.dev·Dec 18, 2023Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 4)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 Webpack HTML, CSS and JS files are working now but wait! We handle single file. How to handle multiple f...Discuss·56 readsUsing Webpack 5, Create a Multi-Page JavaScript Boilerplatewebpack
Sehrish Naveedsehrishnaveed.hashnode.dev·Dec 18, 2023Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 3)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 reload. 3. Configure Babel We want to use the latest JavaScript features cross-browser. For this, we need to ...Discuss·52 readsUsing Webpack 5, Create a Multi-Page JavaScript BoilerplateJavaScript
Sehrish Naveedsehrishnaveed.hashnode.dev·Dec 18, 2023Create a Multi-Page JavaScript Boilerplate with Webpack 5, Babel and ESLint (Part 1)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 to be. If you are looking to set up a multi-page JavaScript project using Webpack 5, you have come to...Discuss·8 likes·40 readsUsing Webpack 5, Create a Multi-Page JavaScript Boilerplatewebpack5
Emzar Panikashviliepanikas.hashnode.dev·Dec 3, 2023React + Lib: How to include a local React UI library component into a React app. Part 1 of 2Cover picture by: Image by wirestock on Freepik For one of my projects, which I will probably describe in one of my next posts, I needed to create a react web application. Since I'm not good at styling, design and CSS are not my cup of tea, to say th...DiscussReact
Emzar Panikashviliepanikas.hashnode.dev·Dec 3, 2023React + Lib: How to include a local React UI library component into a React app. Part 2 of 2Cover picture by: Image by wirestock on Freepik The second part of the article, the first part can be found here: React + Lib: How to include a local React UI library component into a React app. Part 1 of 2 (hashnode.dev) Previously... In the first p...Discuss·26 readsReact
Yuvan ArvindforRequestlyrequestly.hashnode.dev·Aug 8, 2023Introduction to WebPack & Top 5-features of WebpackModern web development needs developers to optimize and manage complex JavaScript applications. Webpack is a popular open-source module bundler that helps developers manage and bundle their application’s assets effectively. In this article, we will e...Discuss·1 likewebpack
Divanshu Garggargdivanshu.hashnode.dev·May 8, 2023NextJS 13.4 - Improved Webpack 5 IntegrationThe Improved Webpack 5 Integration is a new feature in Next.js 13.4 that enhances the integration between Next.js and Webpack 5, which is the latest version of the popular JavaScript module bundler. Here are some of the key benefits of this integrati...Discuss·40 readsNext.js
Durgesh Upadhyayudurgesh6.hashnode.dev·Mar 20, 2023Beginner's guide for WebpackWebpack is a popular module bundler used to manage and bundle the resources of modern web applications. It is highly configurable and can handle a variety of file formats, such as JavaScript, CSS, and images, among others. In this article, we will pr...Discuss·11 likes·104 readswebpack