# rollup-loadmore

**Repository Path**: ghostgithub/rollup-loadmore

## Basic Information

- **Project Name**: rollup-loadmore
- **Description**: loadmore  jquery
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-10-31
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 加载更多

> 测试Rollup打包

运行:
```bash
npm run dev   ##开发环境，不压缩代码

npm run prod  ##生产环境，对代码进行压缩处理
```


## 组件使用

说明:组件依赖于JQuery，实际项目并未打包JQuery，需要另外引入

```javascript
var str = '<li>123</li>\
        <li>123</li>\
        <li>123</li>\
        <li>123</li>\
        <li>123</li>';

var loadMore = new LoadMore({
    el: $("#app"),
    loadMore: function (e, page){
        // 点击加载更多
        setTimeout(function (){
            loadMore.render(str, true);
        }, 3000)
    }
});

// 设置为第一次加载
loadMore.setFirstLoad();
// 渲染页面
loadMore.render(str, true);
```


## 问题

### babel使用
此版本采用babel6，所以需要安装 rollup-plugin-babel@3,详细说明见：https://www.npmjs.com/package/rollup-plugin-babel

```bash
npm install rollup-plugin-babel@3 --save-dev
```