我有一个create-react-app项目，我正在努力减少捆绑的JS文件的大小。（React组分库），而且大部分都没有被使用。我试图找出如何/是否可以从捆绑的构建中删除带有树抖动的死代码。我已经研究了一段时间，我找到的最接近的文章是这篇文章。这篇文章让我感到困惑，它没有给予任何解释如何或是否可以做到这一点。我还发现了webpack树震动上的this指南解释了如何可以做到这一点，但这似乎并没有解决问题。
bf1o4zei1#
CRA正在使用webpack捆绑代码，Webpack默认只能treeshake es模块，使用插件时只能treeshake commonjs模块。为了帮助您，您目前是如何从MDBReact导入的？看起来MDBReact不是用es模块编写的，因此，如果使用以下import语句，webpack将很难进行树抖动：
import { module } from 'MDBReact';
相反，您可以尝试使用以下命令导入
import modules from 'MDBReact/module';
根据MDBReact的结构，您可能需要更改模块的路径。请查看node_modules文件夹以了解详细信息。
1条答案
按热度按时间bf1o4zei1#
CRA正在使用webpack捆绑代码，Webpack默认只能treeshake es模块，使用插件时只能treeshake commonjs模块。
为了帮助您，您目前是如何从MDBReact导入的？
看起来MDBReact不是用es模块编写的，因此，如果使用以下import语句，webpack将很难进行树抖动：
相反，您可以尝试使用以下命令导入
根据MDBReact的结构，您可能需要更改模块的路径。请查看node_modules文件夹以了解详细信息。