Webpack学习系列(四)摇树优化/scope-hoist

144 阅读1分钟

require引入是不支持treeshaking的


在打包的时候就要知道哪些代码有用到,哪些没有

例如node的require可以在运行的时候引用不用的文件,那么打包的时候就不能判断哪些包实际被用到了


注意:treeshaking在production环境下默认开启,可以通过将mode设置成none来前后对比treeshaking

none:

production:


scope hoisting:

webpack4以后生产环境下自动加载moduleConcatenationPlugin




测试:mode改成none,关闭丑化插件,开启scopehoist之前

mode production 开启scopehoist之后