CoreUI icons package is huge!

[eddivalen]

How can I reduce the bundle size of the icons package?

Currently, the size is 10.2MB

I’m just importing these ones:

//icons.js    
import {
      cilEnvelopeClosed,
      cilEnvelopeOpen,
      cilMagnifyingGlass,
      cilMoon,
      cilSpeedometer,
      cilSun,
      cilAccountLogout,
      cilUser,
      cilXCircle,
      cilX,
    } from '@coreui/icons'

import { logo } from './logo'

export const iconsSet = Object.assign({}, { logo }, {
  cilEnvelopeClosed,
  cilEnvelopeOpen,
  cilMagnifyingGlass,
  cilMoon,
  cilSpeedometer,
  cilSun,
  cilAccountLogout,
  cilUser,
  cilXCircle,
  cilX,
})

//main.js
import { iconsSet as icons } from './assets/icons/icons.js'
...
...
...
new Vue({
  el: '#app',
  router,
  store,
  icons
  components: {
    App
  },
  template: '<App/>',
  apolloProvider: createProvider(),
})

[xidedix]

@eddivalen huh? Obviously you've got imports of freeSet, brandSet and flagSet somewhere in the code. I suspect src/views/icons.

With your example I've got in production bundle:

[eddivalen]

Hey @xidedix, thanks for your answer, I just made a build in production mode and I get that 6 KB

Do you know why this only works in production mode?

[xidedix]

@eddivalen Webpack production mode configuration option enables tree shaking and other optimizations. It uses ModuleConcatenationPlugin to make it work. All in all, what's the point of tree shaking on development mode?