3.24 tree-shaking
2019-03-24 本文已影响0人
无意爱昵
js tree shaking还是css tree-shaking说的是js抖动,css抖动。具体也没有js树抖动,css树抖动。只是说webpack4里消除无用代码的这功能提到的概念。利用purifycss插件,接合glob_all(帮助purifycss进行路径处理,定位要清除无用代码文件的文件路径)。
wepack4设置模式为生产环境,就会自动调用uglifyjs.这样运行后,无用的js代码就会清除掉。它是基于es6的export等等实现的。当引用第三方库时,可能没有代码精减的效果,可能原因是该库未遵循es6换一下该库的版本就好了。
当引入的类库,你只用了很少的功能,wepack4的这个功能把那些没用到的也没支持关系的代码可以大幅度的精简剔除,输出的代码很少。
同时用的时候,用于精简css的插件放在前面,js的放在后面。反之会报错。就是通常说的,css tree-shaking 放js tree shaking前面。