Future w/o Webpack

@hwclass

@kjaer

Buildless:

$ npm init

What is the first command that we run to start a frontend app?

Anyone still remember Bower?

NPM

NODE.JS PACKAGE MANAGER

NPM

Why do we start every frontend project by creating a package.json file?

so...

BUNDLING

Early Days

• BROWSERIFY

• GRUNT

• GULP

Latest Trend

• Babel

• Webpack

• Parcel

• Rollup

Huge node_modules!

Create

React

App

200.9MB node_modules/ directory of 1,300+ different dependencies to see a “Hello World!” app.

Create

Next

App

 95,2 MB node_modules/ directory of 500+ different dependencies to see a “Hello World!” app. 

+ imagine lots of lines of code

added by Webpack, too.

ES6 = () => ESM

How to use ESM today?

Support on Browsers: 88.62%

But still we have packages without

ESM support.

The package registry

for ES-ified code

Packages from node_modules

are introduced as ES Modules into browsers