How can solve the ERROR [BABEL] maximum size 500KB issue in server?

Question

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.

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

Answer 1

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

Answer 2

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

  build: {
     babel: {
      compact: true,
     },
  },