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..
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
you can add it like this and it works,just added in your nuxt.config.js file
build: {
babel: {
compact: true,
},
},