我使用create-react-app创建了我的React应用,现在将TypeScript与create-react-app-typescript一起使用。
一切正常,但问题是 - 特别是因为我使用了好而重的material-ui - 构建的捆绑包的大小非常大 - 几乎达到1MB。
如何使用树木摇动工具(如Webpack 2或rollup?
我不想eject
,所以我似乎无法访问Webpack配置。
我希望有可能树一个缩小的代码:)
谢谢!
答案 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进行了测试。