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

Future w/o Webpack

By Halil Kayer

Future w/o Webpack

  • 1,446