webpack性能优化--Scope Hosting

如果 在main.js中引入hello.js

image.png

打包后的 文件

image.png

那么打包后 每个文件生成了两个函数，如果文件较多时，那么就会产生多个函数，函数多时就是产生多个作用域（一个函数会产生一个作用域），那么就是消耗较多内存

那么我们希望将多个函数合并起来，在一个函数中执行，达到下面的效果

image.png

Scope Hosting优点

1、代码体积更小

2、创建函数作用域更少

3、代码可读性好

Scope Hosting配置：

image.png