前端打包结构_webpack_vite_1_演变过程

一、以文件为划分

在引入js文件之后直接使用这个js文件中的函数和变量

二、js文件中用一个全局对象把这个js文件中本来要写的变量和函数全部都涵盖进去

三、在js中写清楚挂载情况，选择需要暴露的挂载出去

本质上就是在调用这个函数的时候就立即执行一个函数，这个函数会往全局空间中用window.name = xx的方式定义变量，用window.method1 = 变量来定义全局

四、传递参数

本质上就是在写清楚js时候说明其中的立即执行函数需要什么全局变量，比如jquery等等

前面的分号本质上是为了后期编译的时候把代码压缩到一起时候，可以划分代码