https://github.com/navarroaxel/fa-bundle-bug

https://github.com/navarroaxel/fa-bundle-bug

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/navarroaxel/fa-bundle-bug
• Owner: navarroaxel
• Created: 2018-03-11T23:43:25.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-25T10:07:13.000Z (almost 2 years ago)
• Last Synced: 2024-10-13T02:16:09.706Z (3 months ago)
• Language: JavaScript
• Size: 549 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# fa-bundle-bug

This repo exists to show a tree shaking bug in `@fortawesome/fontawesome-free-solid` using the destructuring import syntax.

## Related issues

https://github.com/FortAwesome/react-fontawesome/issues/70

https://github.com/webpack/webpack/issues/6724

## Reproducing the bug

After clone this repo you should run the following commands:

    yarn install

    yarn build

The webpack-bundle-analyzer opens a tab in http://127.0.0.1:8888/ and you can see the whole font-awesome icons library inside the `main.bundle.js` because our code use just ONE icon in `App.js`.

## 2nd Test with sideEffects off

Edit `src/fa-bundle/node_modules/@fortawesome/fontawesome-free-solid/package.json` adding "sideEffects": false and run `yarn build` again.