本文主要是通过分析vue2Leaflet项目中的rollup.config.js文件简单学习一下rollup的使用。
最近公司要求封装一个基于vue+leaflet的地图通用组件,根据查找资料确定在Vue2Leaflet 的基础上进行拓展封装(有兴趣的可以点击这里查看和使用)。
使用过程中,我发现该组件是用rollup进行模块打包的。虽然我的webpack还没有很明白,但是还是决定继续沿用这个rollup进行打包。因为在查过资料后
如果你需要代码拆分(Code Splitting),或者你有很多静态资源需要处理,再或者你构建的项目需要引入很多CommonJS模块的依赖,那么 webpack 是个很不错的选择。
如果您的代码库是基于 ES2015 模块的,而且希望你写的代码能够被其他人直接使用,你需要的打包工具可能是 Rollup 。
也就是说对于应用建议使用 webpack,对于类库建议使用 Rollup。
Rollup.js是一个模块打包工具,可以帮助你从一个入口文件开始,将所有使用到的模块文件都打包到一个最终的发布文件中(极其适合构建一个工具库,这也是选择用rollup来打包的原因)。
Rollup.js有两个重要的特性,其中一个就是它使用ES6的模块标准,这意味着你可以直接使用import
和export