Babel 取消优化 ember.js 应用中大文件的样式
Babel deoptimises styling of big files in ember.js app
我有一个 ember.js 应用程序,它有一个大文件开始出现这个问题:
[Babel: notes > applyPatches][BABEL] Note: The code generator has
deoptimised the styling of
/home/user/code/notes-frontend/notes/components/model-wps/edit.js as
it exceeds the max of 500KB.
虽然功能不受影响,但这使得无法调试,因为 Babel 无法很好地打印文件。
我看到将 babel compact
选项设置为 false
应该可以解决我的问题,但我无法在我的项目中使用该配置。
询问 Ember Community Discord 后,他们建议在 ember-cli-babel (ref here) 中启用源地图。
在ember-cli-build.js中,只需添加选项:
let app = new EmberApp(defaults, {
babel: {
sourceMaps: 'inline'
}
});
现在,即使文件被 babel 转译后,您也可以调试源代码。
我有一个 ember.js 应用程序,它有一个大文件开始出现这个问题:
[Babel: notes > applyPatches][BABEL] Note: The code generator has deoptimised the styling of /home/user/code/notes-frontend/notes/components/model-wps/edit.js as it exceeds the max of 500KB.
虽然功能不受影响,但这使得无法调试,因为 Babel 无法很好地打印文件。
我看到将 babel compact
选项设置为 false
应该可以解决我的问题,但我无法在我的项目中使用该配置。
询问 Ember Community Discord 后,他们建议在 ember-cli-babel (ref here) 中启用源地图。
在ember-cli-build.js中,只需添加选项:
let app = new EmberApp(defaults, {
babel: {
sourceMaps: 'inline'
}
});
现在,即使文件被 babel 转译后,您也可以调试源代码。