如何解决服务器中的 ERROR [BABEL] 最大大小 500KB 问题？答案

【问题标题】：How can solve the ERROR [BABEL] maximum size 500KB issue in server?如何解决服务器中的 ERROR [BABEL] 最大大小 500KB 问题？
【发布时间】：2020-11-21 04:47:20
【问题描述】：

我正在将 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.

这会有什么问题？我也在构建位置添加了 babbel..

【问题讨论】：

标签： vue.js bootstrap-vue nuxtjs

【解决方案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#issuecomment-668487772

编辑：在 nuxt.config.js 文件上编辑它

【讨论】：

我已经添加了这样的...prnt.sc/u10l7p

【解决方案2】：

你可以像这样添加它并且它可以工作，只需添加到你的 nuxt.config.js 文件中

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

【讨论】：

添加后，当我运行“npm run build”命令时，它不再构建。知道为什么吗？