PCF太重

Question

我正在使用组件框架中的自定义组件，每当我尝试将文件上传到 CRM 时，它都会说它太重了。我检查了一下，它需要 7MB，这太疯狂了，因为它不应该。 我正在使用 FluentUI，我检查了我的导入，看看是否有任何导入的东西太大但看起来不像。 任何人都可以向我推荐一些可能对我检查文件大小有用的东西？

我尝试使用 source-map 和 source-map-explorer，但每次都出现错误（构建期间的命令不会生成 json 或类似错误）。

Answer 1

在 index.ts PCF 控件中导入 FluentUI 控件时，您需要注意一些事项。

您应该以精细的方式导入控件 - 即。只导入需要的控件。否则 bundle.js 尺寸会像你的一样大。使用 @fluentui/react/lib/… 而不是整个 @fluentui/react.

导入必要的控件

并尝试在 Release 模式下构建，而不是 Debug。 Read more

您可以检查 out 和 bin 文件夹内容。