树摇动创建反应应用程序？

Question

我使用create-react-app创建了我的React应用程序,现在使用带有create-react-app-typescript的 TypeScript .

一切正常,但问题是 - 特别是因为我使用了好但重的材料 - ui - 构建的捆绑的大小非常大 - 几乎达到1MB.

我怎样才能使用树摇动工具(比如Webpack 2或汇总？我不想eject这样看起来我似乎无法访问Webpack配置.

我希望有可能树摇一个缩小的代码:)

谢谢!

Answer 1

如果您的项目是使用create-react-app构建的，则最新版本已修复，只需将react-scripts更新到2.0.4或更高版本。

npm install react-scripts@latest --save

由于更新了依赖关系，此新版本具有出色的抖动效果。我已经对material-ui和mdi-material-ui进行了测试。

Answer 2

通过更改以下样式material-ui，我们在create-react-app-typescript项目中将导入重写了：

import {FloatingActionButton} from "material-ui";

对此：

import FloatingActionButton from "material-ui/FloatingActionButton";

编辑： 这给了更多的上下文：https : //github.com/mui-org/material-ui/issues/11916#issuecomment-401214838