webpack中production 的优化tree-shaking和scope-hoisting

tree-shaking是一个术语，是production模式打包自带优化，通常用于打包时移除JavaScript中未引用的代码

开发时引入一个模块，只用到其中的一个功能，那么打包的时候只会打包用到的功能，而不会把没有用到的功能也打包进去。

例子:

新建 a模块 export  add(a,b){return a+b} 

                  export  event(a,b){return a+b} 

2 调用

import a from  "a.js"

 a.add(1,2)

// 此时event没有被调用到，则打包不会把他打包进去

3 scope-hoisting

  把你的打散的代码整个在一起(只引用一次 的代码)

eg:  a模块  export  let a=1,b=2,c=3

  调用的  import a from './a.js'

   console.log(a+b+c)  此时打包的时候 webpack会帮你计算好数值，不需要交给浏览器来计算