首发于<aname"D0c8t"</a背景：前端同事前辈写了一个提供给其他部门的JS插件，写的是提供给前端使用的工具类，使用的是commonjs规范，导出变量使用的是module.exports的方式，使用的是webpack打包，打出的包可正常通过script标签引入使用，但无法通过importxxxfrom"xxx"/

本文你将学到:1.Rollup是什么2.CommonJS、AMD、CMD、UMD、ES6分别的介绍3.ES6模块与CommonJS模块的区别4.模块演进的产物——TreeShaking5.TreeShaking应该注意什么本文所有例子都存放于https://github.com/hua1995116

Vite预构建的核心原理1.兼容性与性能的双重目标Vite的预构建旨在解决两个主要问题：兼容性和性能。对于兼容性，由于Vite在开发阶段将所有代码视为原生ES模块，因此需要将CommonJS或UMD格式的依赖转换为ESM格式。对于性能，Vite通过预构建将