打包工具 webpack / roollup 编译工具有babel 

1.打包工具主要是处理JS不同版本之间模块化的区别
2.编译工具主要处理的是JS版本间语义问题

比如 模块化的import export 关键字babel会把他编译为require 和exports，的commonjs的规范

但是带有模块化的关键词的模块，编译之后还是不能直接运行在浏览器中，因为浏览器端并不能运行commonjs 的模块，为了能在web端直接使用commonjs规范的模块，除了编译之外，我们还需要打包