11

I am using NUXTJS application for an SSR page, but i am getting an error of bootstrap-vue icon size issue.

The file is hosted in AWS server and this will be the error

The code generator has deoptimised the styling of 
/var/www/html/my_folder/node_modules/bootstrap-vue/src/icons/icons.js
as it exceeds the max of 500KB.

enter image description here

What will be the issue on this ? i have added babbel in build location too..

Chris Williams
  • 32,215
  • 4
  • 30
  • 68
Syam kumar KK
  • 524
  • 2
  • 6
  • 32

2 Answers2

12

Try to add

babel: { compact: true }

below extend(config, ctx) {}, like this

....
 /*
 ** You can extend webpack config here
 */
 extend(config, ctx) {},
 babel: { compact: true }

ref: https://github.com/bootstrap-vue/bootstrap-vue/issues/5627#issuecomment-668487772

Edit: edit this on nuxt.config.js file

Fahmi
  • 145
  • 2
  • 9
7

you can add it like this and it works,just added in your nuxt.config.js file

  build: {
     babel: {
      compact: true,
     },
  },
Mustafa El-Gaml
  • 93
  • 2
  • 11