Как решить проблему ERROR [BABEL] с максимальным размером 500 КБ на сервере?

Question

Я использую приложение NUXTJS для страницы SSR, но получаю сообщение об ошибке размера значка bootstrap-vue.

Файл размещен на сервере AWS, и это будет ошибкой.

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.

В чем будет проблема? Я также добавил баббел в место сборки..

Answer 1

Попробуй добавить

babel: { compact: true }

ниже extend(config, ctx) {}, как это

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

ссылка: https://github.com/bootstrap-vue/bootstrap-vue/issues/5627

Изменить: отредактируйте это в файле nuxt.config.js

Answer 2

вы можете добавить его вот так, и он работает, просто добавлен в ваш файл nuxt.config.js

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