Skip to content

Bundle size problems

I have started a new project and I am using the creat-react-app CLI. Without adding any additional code, after building the project for production use, I received a chunk.js file of 127 KB. If I now add the liquid design from Merck and display only a single Badge component, I get a chunk.js file of 1515 KB after the production build.

I tried the same process with react-bootstrap. Here the chunk.js file only increased by a few KB when I displayed a button.

All I did is to install the liquid design for react using: npm i @liquid-design/liquid-design-react

Then I replaced the code of App.js with:

import React, { Component } from 'react'

import { Badge, Theme } from '@liquid-design/liquid-design-react'

class App extends Component {
  render() {
    return (
      <Theme>
        <Badge>Hello</Badge>
      </Theme>
    )
  }
} 

export default App

Do I overlook anything? I have to decrease the bundle size of my project. I would be happy to receive support.

Edited by Max
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information