Webpack 原理:
1、读取入口文件 fs
2、分析入口,递归读模块
3、es6 -> es5
缺点:打包为一个大文件,每次小修改会重新打包,慢
Vite 原理:
劫持http请求(import 资源)
大大减少AST转换,按需转换。热更新: chokidar 库(监听用了一个) + websocket
生产环境用 rollup 打包。
1、读取入口文件 fs
2、分析入口,递归读模块
3、es6 -> es5
缺点:打包为一个大文件,每次小修改会重新打包,慢
劫持http请求(import 资源)
大大减少AST转换,按需转换。热更新: chokidar 库(监听用了一个) + websocket
生产环境用 rollup 打包。