https://github.com/klis87/webpack-tree-shaking

https://github.com/klis87/webpack-tree-shaking

Last synced: 25 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/klis87/webpack-tree-shaking
• Owner: klis87
• Created: 2019-06-21T08:14:42.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T19:46:14.000Z (almost 2 years ago)
• Last Synced: 2024-02-21T07:32:23.307Z (9 months ago)
• Language: JavaScript
• Size: 2.05 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tree shaking

To start the project, make sure you have `yarn` installed and do the following steps:

- run `yarn install`

- run `yarn run dev`

- open `localhost:3000`

To test Webpack tree-shaking...

either test it with browser with production server

- `yarn run build`

- `yarn run start`

- open `localhost:3000`

or with bundle analyzer

- `yarn run prepare-stats`

- `yarn run analyze`

See what is bundled, what bundle size is, then edit `./src/components/layout`, play with

uncommenting core components, see what tree shaking works for core as size increases and

more stuff is bundled.

Then, uncomment pickers component, see nothing is any different, size is the same,

which simply means that the whole pickers library is bundled no matter what is used.