rogeruiz

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.

rogeruiz

#!/bin/sh

set -eufo pipefail

if [ "$#" -ne 2 ]; then
    echo "usage: $0 source_repo_url target_repo_url" >&2
    exit 1
fi

SOURCE_URL="$1"

rogeruiz

{
    "configurations": [
    {
        "name": "Launch test function in MilMove using F5 key",
        "type": "go",
        "request": "launch",
        "mode": "test",
        "program": "${relativeFileDirname}",
        "args": [
            "-test.v"

rogeruiz

-- AppleScript --

-- This example is meant as a simple starting point to show how to get the information in the simplest available way.
-- Keep in mind that when asking for a `return` after another, only the first one will be output.
-- This method is as good as its JXA counterpart.

-- Chromium variants include "Google Chrome", "Chromium", "Opera", "Vivaldi", "Brave Browser", "Microsoft Edge".
-- Specific editions are valid, including "Google Chrome Canary", "Microsoft Edge Dev".
-- "Google Chrome" Example:
tell application "Google Chrome" to return title of active tab of front window

rogeruiz

M docs/backend/guides/_category_.json
@@ -1,5 +1,5 @@
 {
   "label": "Guides",
   "position": 3,
-  "collapsed": true
+  "collapsed": false
 }
M docusaurus.config.js
@@ -167,5 +167,20 @@ module.exports = {

rogeruiz

#!/bin/bash

set -e

file_name=$1
new_path=$2

full_path=$(find docs/ -iname "${file_name}")
extracted_file_name=$(basename "${full_path}")

rogeruiz

diff --git a/nvim/bundles.vim b/nvim/bundles.vim
index fa91ed5..c20c7e2 100644
--- a/nvim/bundles.vim
+++ b/nvim/bundles.vim
@@ -80,7 +80,11 @@
             Plug 'othree/javascript-libraries-syntax.vim'
             Plug 'moll/vim-node'
             Plug 'marijnh/tern_for_vim'
-            Plug 'mxw/vim-jsx'
+            Plug 'maxmellon/vim-jsx-pretty'

rogeruiz

#!/usr/bin/env bash

# Check for things that are changed. A file or directory can be checked and a
# message is printed out for the user to perform an action on.  Emoji use
# encouraged for the echo message.
#
# You may copy and paste the `if changed` statement below and modify the string
# that you'd like to grep for. Make sure you escape any back-ticks "\`" in your
# echo statements in order to include them in your message.
#

rogeruiz

BlogPage.prototype.repo_migration_form_on_change = function() {
    var ___iced_passed_deferral,
        __iced_deferrals,
        __iced_k;
    __iced_k = __iced_k_noop;
    ___iced_passed_deferral = iced.findDeferral(arguments);
    this.cleanse_repo_inputs();
    this.make_repo_migration();
    $("#repo-migration-extras").slideDown();
    $(".myteam-2nd").text($("#repo-teamname").val());

rogeruiz

#!/usr/bin/env bash


patch_file=$(
  curl -L \
    -s \
    https://github.com/transcom/mymove/commit/e22ed5cdd10d7fb46e448c4d99b9d98880279a5a.patch
)

# Checkout a previous branch that doesn't have migration/ changes in it.