webpack---优化_tree shaking

意义：去除无用代码(生产优化)

前提：1、必须使用es6模块化的引用  2、mode: 'production'

例：
a.js中
export fn1
export fn2

b.js中
import {fn1} from a.js
那么fn2的定义就不会打包

问题：会把只引入但不显示使用的文件shaking掉
例：
import './xx.css'
import '@babel/polyfill'

解决：
package.json中
"sideEffects":["*.css","@babel/polyfill"]