Skip to main content

Tree shaking Support Guide

  1. Use the production mode configuration option to enable various optimizations including minification and tree shaking. Set your webpack.config:
"mode":"production"
  1. Add a sideEffects property to your project's package.json file:
"sideEffects": false
note

For further information about sideEffects see webpack docs

"module": "ES2015"

  1. Use the specific packages which you need,

    For example, if you need web.eth:

import Web3Eth from 'web3-eth';

If you only need a few functions from web3-utils:

import { numberToHex, hexToNumber } from 'web3-utils';

You can find an example app with tree shaking here.