无效的import 会对打包有印影响吗？

Question

code时，我们import很多无效的module，这除了不雅观外，对webpack打包会有影响吗？

Answer 1

首先明确下这个 “无效的” 的定义，是路径不对，加载不到的资源，还是引进来了资源，但是实际上在代码中没有用到。

如果是前者
可以理解为对打包几乎没有影响，只是在打包的时候会去查找这个资源，但是查不到，因此对最后的打包体积不会有影响，对打包速度会有轻微影响，可以忽略不计（因为多了去查找资源的过程）

如果是后者
会对打包的速度和体积有影响，webpack的打包过程会对从入口文件开始，依次读取依赖，碰到 require 和 import的资源，最终都会打包到最后的产出bundle中。不过这个问题可以通过webpack的配置 tree shaking 来解决，打包时会删除没用到的方法和文件。