什么是rollup
rollup是一个Js模块打包器,可以将小块代码编译成大块复杂的代码。现在已经有很多类库都在使用rollup进行打包了,比如:react,vue,three.js等。
优势:
功能专注性强,小巧轻便
rollup支持在模块中被调用执行,所以很适合在gulp中使用
rollup与webpack的区别
rollup:
资源一次性加载
可以j将s文件编译成想要的格式,包括amd umd es cjs life
打包js文件时会删除无用的变量等
webpack:
代码拆分,按需加载
静态资源的导入,包括css,js,图片,字体等
所以当项目只用到js文件打包时,webpack bundle就会显得笨重,运行略慢等问题
如何使用rollup
可以在项目中新建rollup.config.js文件,也可以直接在模块中调用执行
![](https://img.haomeiwen.com/i14992986/e501744bf0bfdb14.png)
网友评论