入门rollup.js(通过分析rollup.config.js文件进行)

    本文主要是通过分析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的模块标准,这意味着你可以直接使用importexport

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值