rollup和webpack构建dist包的对比

rollup和webpack构建dist包 文件对比：

• webpack

可以看到，经过webpack配置打包生成dist文件夹下的资源都根据其类型做了区分，main为文件名前缀的为开发代码，vendors为文件名前缀的是第三方打包代码，且都有一一对应的map文件，方便线上分析报错原因，还有runtime为文件名前缀的是webpack在浏览器端实现文件模块化的一块代码。

• rollup

这是vite里面打包生成的dist文件夹，因为vite基于esmodule，不需要去实现模块化，所以只有开发代码和第三方代码的区分，非常简洁。