未使用的npm库代码是否纳入最终编译项目？React项目按需打包疑问

问题1：未使用的npm库代码是否仍属于最终编译完成的项目？ #

• 完全未被代码引入的npm库，不会被打包进最终项目。现代打包工具（如Webpack、Vite）会先做依赖分析，只处理代码里明确通过import/require引入的模块，彻底没被引用的库会被直接忽略。

问题2：React项目中安装某库但仅使用一小部分，最终编译会包含整个库还是仅用到的部分？ #

这要看两个关键条件：

• 库的模块化格式：如果库采用ES模块（ESM）编写，打包工具可以通过Tree Shaking（摇树优化）精准识别并剔除未被使用的代码，最终只打包你用到的部分。
• 打包工具的配置：Webpack生产模式默认开启Tree Shaking，Vite也原生支持该优化；但如果是开发模式，部分工具可能为了构建速度暂时关闭该功能，不过最终生产包还是会做优化。
• 例外情况：如果库是CommonJS（CJS）格式，或者内部存在无法被工具识别的副作用（比如自动执行的全局代码），Tree Shaking无法生效，最终打包会包含整个库的代码。

内容的提问来源于stack exchange，提问作者Heath