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

时间:2017-08-01 22:40:38

标签: reactjs webpack create-react-app rollupjs react-scripts

我使用create-react-app创建了我的React应用,现在将TypeScript与create-react-app-typescript一起使用。

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

如何使用树木摇动工具(如Webpack 2或rollup? 我不想eject,所以我似乎无法访问Webpack配置。

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

谢谢!

2 个答案:

答案 0 :(得分:4)

我们在create-react-app-typescript项目中为material-ui重新编写了我们的导入,方法是将其更改为此样式:

import {FloatingActionButton} from "material-ui";

到此:

import FloatingActionButton from "material-ui/FloatingActionButton";

答案 1 :(得分:4)

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

npm install react-scripts@latest --save

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