删除未使用的导入是否会影响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

它将为您提供捆绑文件的详细屏幕截图，例如哪个包占用了太多文件大小。更改导入How to minimize the size of webpack's bundle?中提到的包的方式，以及某些特定包导致大小问题，然后切换到替代包。