Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me
  • Free Tech Blogging eBook!

Category: webpack

Home / Javascript / webpack
HTML Webpack Plugin - create HTML files for webpack generated chunks

How to use webpack and HTML Webpack Plugin to generate HTML pages for multiple entries in 2 steps?

March 4, 2022March 4, 2022 Yonatan KraLeave a Comment on How to use webpack and HTML Webpack Plugin to generate HTML pages for multiple entries in 2 steps?

Here’s how to create an HTML for a specific or every entry file using Webpack and HTML Webpack Plugin. A really short explanation.

Webpack Bundling in a Nutshell

Webpack allows you to bundle your app from one or multiple files. …

Read More

Custom Webpack Config in an Nx Workspace – the Video

February 3, 2022February 3, 2022 Yonatan KraLeave a Comment on Custom Webpack Config in an Nx Workspace – the Video

This is my talk from nx conf 2021 on how to customize webpack config in an Nx workspace.

This video walks through a tutorial I’ve written about before on How to use custom webpack configuration in an Nx project. …

Read More

How to solve “TS2307: Cannot find module” when using inline webpack loaders with TypeScript

September 8, 2021September 24, 2022 Yonatan Kra2 Comments on How to solve “TS2307: Cannot find module” when using inline webpack loaders with TypeScript

Trying to use a webpack raw-loader for an HTML file inline resulted in an error: TS2307: Cannot find module. Here’s how to fix it!

I’m using web components a lot! I really prefer them over frameworks. They are simple, …

Read More

How to use custom webpack configuration in an Nx project?

January 2, 2021August 10, 2021 Yonatan Kra2 Comments on How to use custom webpack configuration in an Nx project?

Customizing webpack for your own needs is a powerful functionality. It allows you full control of your app’s development and deployment process. In this article we will go over how to do that in an NX monorepo.


TL;DR.

  • The steps
…
Read More
Creating a fireworks project using Webpack

No-nonsense webpack project

February 22, 2018January 12, 2022 Yonatan KraLeave a Comment on No-nonsense webpack project

Or: How to use Webpack to build a project from scratch?

Using webpack without fully understanding it, as if it were magic? Heard about the wonders of webpack, but got flustered by its ominous documentation? Are you from outer-space (like …

Read More

I’m an instructor at:

Egghead.io

Follow me on

Sign up for my newsletter

Recent Posts

  • 2 Ways to Use Your Own Docker Image in Github Actions
  • How to Build a Chrome Extension that will Make Your Facebook Posts Better?
  • How to Create a Chrome Extension?
  • What is the Coupling Pitfall and how to Avoid it?
  • How to optimize JavaScript Performance?

Categories

  • Algorithms
  • Architecture
  • AskQL
  • Blogging
  • canvas
  • chrome extensions
  • CodeTalks 2019
  • Coding
  • Conferences
  • ConfrontJS
  • ConfrontJS 2019
  • Cypress
  • debugging
  • Design Patterns
  • devops
  • docker
  • Gaming
  • Github
  • github actions
  • GraphQL
  • Interview Questions
  • Javascript
  • javascript engine
  • Javascript Israel
  • jest
  • Memory
  • Meta Programming
  • Musings
  • nodejs
  • NPM
  • nx
  • Open Source
  • Performance
  • Playwright
  • Skills
  • Testing
  • typescript
  • Uncategorized
  • WarsawJS
  • Web Component
  • webpack
| beetech by Buzthemes.