我使用create-react-app创建了我的 React 应用程序，现在将 TypeScript 与create-react-app-typescript一起使用。
一切正常，但问题是 - 特别是因为我使用了好但重的材料 - ui - 构建包的大小非常大 - 几乎达到 1MB。
我如何使用摇树工具（如在 Webpack 2 或rollup中？我不想eject已经如此看来我真的无法访问 Webpack 配置。
我希望可以对缩小的代码进行树摇：)
谢谢！
问问题
15320 次
2 回答
24
If your project was built with create-react-app, the latest version has the fix, just update react-scripts to version 2.0.4 or higher.
npm install react-scripts@latest --save
This new version has excellent tree shaking thanks to the updated dependencies. I've tested with both material-ui and mdi-material-ui.
于 2018-10-04T04:19:42.033 回答
7
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
于 2017-12-18T22:52:36.613 回答