Webpack 4 Tree Shaking

preview_player
Показать описание
A walk through of tree shaking in Webpack 4 using the lodash package. We look at the difference between production and development builds using the bundle analyzer plugin
  1. A shot of code
  2. Webpack 4
  3. Tree Shaking
  4. Lodash
  5. Bundle analyzer
  6. Quokka
Рекомендации по теме
Webpack 4 Tree 0:08:00

Webpack 4 Tree Shaking

Webpack Tutorials - 0:04:46

Webpack Tutorials - 15 Tree Shaking

Webpack Treeshaking Overview 0:06:45

Webpack Treeshaking Overview and Requirements

Tree shaking in 0:05:30

Tree shaking in JavaScript (Optimize the bundle size of your application) | Complete Example + Setup

Webpack - Basics, 0:23:42

Webpack - Basics, Loaders, Asset Modules, Code Splitting and Tree Shaking

Tree Shaking, explained 0:03:27

Tree Shaking, explained in 3 minutes

Tree-Shaking with Webpack 0:08:22

Tree-Shaking with Webpack 5: Optimize Your Bundles Like a Pro

Tree Shaking and 0:05:35

Tree Shaking and Code Splitting Explained | Syntax STUMP'D

Tree Shaking in 0:00:33

Tree Shaking in JavaScript

Webpack Tree Shaking 0:01:34

Webpack Tree Shaking in 100 Seconds

How to enable 0:03:53

How to enable Tree Shakeable in Webpack?

Class-based Tree Shaking 0:12:16

Class-based Tree Shaking - HTTP203

Debugging Stories: webpack 1:34:22

Debugging Stories: webpack builds and tree-shaking

Tree shaking algorithm 0:00:57

Tree shaking algorithm in reactjs | production bundler webpack

Webpack and performance 0:27:32

Webpack and performance

NodeJS : How 0:01:02

NodeJS : How to use tree shaking for node modules with Webpack 5?

🔥 webpack live 0:23:51

🔥 webpack live source annotations 🔥 - S1E1: Tree Shaking

Tree Shaking CSS 0:25:32

Tree Shaking CSS problem

Module Bundlers Explained... 0:09:56

Module Bundlers Explained... Webpack, Rollup, Parcel, and Snowpack

Treeshaking in Angular: 0:02:35

Treeshaking in Angular: A Guide to Optimizing Application Performance

Code Splitting with 0:42:44

Code Splitting with Webpack 4 by Billy Pruden

Tree Shaking In 0:10:23

Tree Shaking In JavaScript | Optimize Your Code and Boost Performance | RethinkingUI

How do I 0:01:48

How do I tree shake Three.js using WebPack or Rollup?

4 3 Code 0:08:51

4 3 Code splitting y tree shaking | REACT AVANZANDO

Комментарии
Автор

Really liked your way of sharing knowledge.

rohitkumarshrivastava
Автор

Really a sutle and an informative video!!!

AshishRawat-zlte
Автор

So, it works automaticly if you add "mode" property to your config, right?

Levelord
Автор

webpack's treeshaking won't work on lodash which is written in es5 module (AMD), while it works automatically on lodash-es which is written in es6 module (ESM). so AMD and ESM are not just different in syntax after all. I wonder if wepback has to follow the implementation of ESM to make treeshaking works

SumTsuiTechie
Автор

You demonstrated that Webpack does not do any tree-shaking on a development build. Is that behavior configurable. If so where?

raceman
Автор

nice video, but wth is this loud click? cant be you beating your mouse, can it?

lucas.n