Tamás Gálffy elementbound

Webpack 5 Node Polyfills Upgrade Cheatsheet

Webpack 4 automatically polyfilled many Node APIs in the browser. This was not a great system, because it could lead to surprisingly giant libraries getting pulled into your app by accident, and it gave you no control over the exact versions of the polyfills you were using.

So Webpack 5 removed this functionality. That means you need to make changes if you were relying on those polyfills. This is a quick reference for how to replace the most common patterns.

List of polyfill packages that were used in webpack 4

For each automatically-polyfilled node package name on the left, this shows the name of the NPM package that was used to polyfill it on the right. Under webpack 5 you can manually install these packages and use them via resolve.fallback.

I just complain here

This is a complainer surface to show the world the dark side of my real-life developer experience

content

Things software engineers say about work

Problem

You have installed GPG, then tried to perform a git commit and suddenly you see this error message after it 😰

error: gpg failed to sign the data
fatal: failed to write commit object

Understand the error (important to solve it later!)

Demo:

Spoiler warning

Spoiler text. Note that it's important to have a space after the summary tag. You should be able to write any markdown you want inside the <details> tag... just make sure you close <details> afterward.

console.log("I'm a code block!");

`cd`

The cd command is used to change the current directory.

cd stand for change directory

cd path/of/directory

	## Debounce helper for calling functions.
	##
	## This class creates a debounced version of the passed-in function `fn`.
	## The debounced function will only be called after `delay` seconds have
	## passed without any new calls to the function.
	##
	## [b]Usage Example:[/b]
	## [codeblock]
	## var debouncer: Debouncer
	##

	// A Godot 4 shader to make things appear on top of other things within a range.
	// Initially, this was made so my characters' facial features would be rendered on top of their hair.

	shader_type spatial;
	render_mode unshaded;


	uniform sampler2D depth_texture : hint_depth_texture, repeat_disable, filter_nearest;

	// Maximum depth we can overdraw relative to the object original depth, in ENGINE UNITS.

	#include <iostream>
	#include <string>

	using namespace std;

	void printRules() {
	cout << "Rules:\n"
	<< " * The player who has three horizontally adjacent pieces, loses\n"
	<< " * The player who has three vertically adjacent pieces, loses\n"
	<< " * The player who has three diagonally adjacent pieces, loses\n"

	commit ea830e03d4d4562b1ff225940f65bceddd9cad6c
	Author: Hayaki Saito <saitoha@me.com>
	Date: Sun Jun 11 23:46:45 2017 +0900

	Add sixel graphics support

	Signed-off-by: Hayaki Saito <saitoha@me.com>

	diff --git a/Makefile b/Makefile
	index d8595fe..a25d040 100644

	abandoned
	able
	absolute
	adorable
	adventurous
	academic
	acceptable
	acclaimed
	accomplished
	accurate