Babel 取消优化 ember.js 应用程序中大文件的样式答案

【问题标题】：Babel deoptimises styling of big files in ember.js appBabel 取消优化 ember.js 应用程序中大文件的样式
【发布时间】：2021-08-11 10:25:46
【问题描述】：

我有一个带有大文件的 ember.js 应用程序开始出现此问题：

[Babel: notes > applyPatches][BABEL] 注意：代码生成器有去优化的样式 /home/user/code/notes-frontend/notes/components/model-wps/edit.js 为它超过了 500KB 的最大值。

虽然功能不受影响，但这使得调试变得不可能，因为 Babel 不能很好地打印文件。

我已经看到将 babel compact 选项设置为 false 应该可以解决我的问题，但我无法在我的项目中进行该配置。

【问题讨论】：

【解决方案1】：

在询问 Ember 社区 Discord 后，他们建议在 ember-cli-babel (ref here) 中启用源映射。

在 ember-cli-build.js 中，只需添加选项：

let app = new EmberApp(defaults, {
  babel: {
    sourceMaps: 'inline'
  }
});

现在，即使在文件被 babel 转译后，您也可以调试源代码。

【讨论】：