我使用create-react-app创建了我的 React 应用程序，现在将 TypeScript 与create-react-app-typescript 一起使用。
一切正常，但问题是 - 尤其是因为我使用了质量很好但很重的材料 - ui - 内置包的大小相当大 - 几乎达到 1MB。
我如何使用摇树工具（例如在 Webpack 2 或rollup 中？我不想使用，eject所以看起来我真的没有访问 Webpack 配置的权限。
我希望有可能对缩小的代码进行树摇:)
谢谢！
摇树创建react应用程序？
IT技术
reactjs
webpack
create-react-app
rollupjs
react-scripts
2021-04-13 04:40:12
2个回答
如果您的项目是使用 create-react-app 构建的，则最新版本已修复，只需将 react-scripts 更新到 2.0.4 或更高版本即可。
npm install react-scripts@latest --save
由于更新了依赖项，这个新版本具有出色的树摇动功能。我已经用 material-ui 和 mdi-material-ui 进行了测试。
我们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