本文主要是介绍Scope Hosting的特点及使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
Scope Hosting也是webpack性能优化的一种方式,不过侧重的是对产出代码的优化。
使用Scope hosting的优点:
示例说明:
- (1)在A文件导出一个字符串,在B文件中引入之后,通过
console.log
打印出来。 - (2)通过
webpack
打包构建之后,会发现将这两个文件构建成了两个函数,一个函数内是我们输出的字符串,一个函数内是console.log
语句。
问题:两个函数也就是两个作用域;不仅代码增加了,可读性还不太友好。 - (3)使用
scope hosting
进行配置处理之后,会讲本身的两个函数作用域合成一个,减少了代码量,也便于阅读代码。
使用Scope Hosting
插件 进行配置:
生产模式下默认已经启用
打包产物:
这篇关于Scope Hosting的特点及使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!