python (65.2k questions)

javascript (44.3k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (13k questions)

Questions - tree-shaking

How to perform tree shaking for lodash in a create-react-app project?

I need to perform tree-shaking to reduce bundle sizes where lodash and some other libraries are being used. I've converted all lodash imports like this: import {isEmpty} from "lodash"; But s...
test-img

Shivaansh Agarwal

reactjs

lodash

create-react-app

tree-shaking

react-app-rewired

Votes: 0

Answers: 1

Latest Answer

Webpack can perform tree shaking automatically when ES6 modules(import/export syntax) are used. Looks like lodash is built to use Common-JS modules. So you can use single export and cherry-pick method...
test-img

Nazar

Best practice to publish src folder that contains esm modules

Consider this package.json: { "main": "./index.js", "name": "@myorg/foo", "scripts": { "build": "babel src -d dist --delete-d...
test-img

BPL

node.js

npm

bundler

publish

tree-shaking

Votes: 0

Answers: 1

Latest Answer

Below are the two points answered! npm publish won't behave as I'd like to... you need to use npm run release instead and that's not good as other tooling will rely on publish. If you look below, y...
test-img

Arnav Thorat

Webpack5 does not seem to tree-shake unused exports

I set up a small project with the following files - src/ - lib/ - lib1.ts - export : func_lib1_1, func_lib1_2 - lib2.ts - export : func_lib2_1, func_lib2_2 - pkg1/ - pkg1.t...
test-img

Colisan

webpack

webpack-5

tree-shaking

Votes: 0

Answers: 1

Latest Answer

I figured it out myself, auto-answer for the record : The tsconfig.json was wrong, it wasn't preserving the ES6 module syntaxe so webpack couldn't treeshake properly. More details on the correct confi...
test-img

Colisan

bootstrap-vue vuejs dynamic async component import

I would like to import a single bootstrap component dynamically only when I need it. Bellow syntax actually can do it but it does import all components. So final module bundle after tree-shaking is 1....
test-img

Stan Sokolov

vue.js

bootstrap-4

bootstrap-vue

tree-shaking

Votes: 0

Answers: 1

Latest Answer

I think the solution is to wrap it in another component like AppNavbar which imports the BNavbarPlugin the basic way import { BNavbarPlugin } from 'bootstrap-vue' Then import your wrapper component dy...
test-img

Zoli

Posts

Questions

Blogs