tree-shaking 可以作用于css、js
使用过程:1、必须使用es6模块化 2、开启production环境
作用:减少代码体积,加载更快
旧版本可能存在的问题,是不设置sideEffects、或设置为false,会把css等文件干掉
解决:
如果在package.json中配置
"sideEffects":false 所有代码都可以进行tree-shaking,引入的css文件,loader文件没有使用的会干掉
"sideEffects":["*.css"]不会把css文件干掉
"eslintConfig": {
"extends": "airbnb-base"
},
"sideEffects":["*.css","*.less","*.scss"]