删除未使用的导入是否会对 Reactjs 中的包大小和构建时间产生影响

Question

我有一个使用 Create React 应用程序创建的 Reactjs 应用程序，在启动和构建时会发出很多警告，指出我的组件中有未使用的变量或导入。

./src/components/home/Header.js
    Line 10:   'Switch' is defined but never used  no-unused-vars
    Line 10:   'Route' is defined but never used   no-unused-vars

是否对no-unused-vars应用程序的最终包大小和构建时间产生相当大的影响。我可以通过删除所有这些警告来减少构建时间和包大小吗？

Answer 1

查看此包https://www.npmjs.com/package/source-map-explorer。并运行

source-map-explorer bundle.js

它将为您提供捆绑文件的详细屏幕截图，例如哪个包占用了太多文件大小等。更改如何最小化 webpack 包的大小？中提到的导入包的方式。如果某个特定的软件包导致尺寸问题，则切换到替代软件包。