lemon-lib/README.md

common lib for lemon

# lemon-lib

common lib for lemon

### 基础库

替换下面的 {version} 为你需要的版本即可

```html
<!-- 开发阶段引入 无压缩 -->
<script src="//shadow.elemecdn.com/npm/lemon-lib@{version}/dist/lemonLib.js"></script>

<!-- 产品阶段引入 已压缩 -->
<script src="//shadow.elemecdn.com/npm/lemon-lib@{version}/dist/lemonLib.min.js"></script>
```

### 带 UI 组件的基础库

```html
<!-- 开发阶段引入 无压缩 -->
<script src="//shadow.elemecdn.com/npm/lemon-lib@{version}/dist/lemonLibQuasar.js"></script>

<!-- 产品阶段引入 已压缩 -->
<script src="//shadow.elemecdn.com/npm/lemon-lib@{version}/dist/lemonLibQuasar.min.js"></script>
```
## CSS 相关库

`lemonBase.min.css`文件包含以下库：
- [normalize.css](https://github.com/necolas/normalize.css) 样式重置
- [animate.css](https://github.com/daneden/animate.css) 动画库
- [lemonBase](./lemonBase.css) 基础样式

## JS 相关库

- [vue](https://github.com/vuejs/vue) 主框架
- [vuex](https://github.com/vuejs/vuex) 状态管理库
- [vue-router](https://github.com/vuejs/vue-router) 路由管理库
- [axios](https://github.com/axios/axios) Promise 基础的 HTTP 库
- [vue-img](https://github.com/ElemeFE/vue-img) 图片 hash 工具
- [h5-utils](https://github.elenet.me/waimai/h5-utils) 饿了么 h5 常用工具库
- [eleme-ubt](https://github.com/eleme/ubt-web) 饿了么产品通用 UBT 埋点
- [uparams](https://www.npmjs.com/search?q=uparams) 路径参数解析工具
- [sns-sdk](https://github.elenet.me/waimai/sns-sdk) 饿了么第三方授权
- [geohash.js](https://github.com/YanagiEiichi/geohash.js) geohash 解析工具
- [Lemon](./lemon.js) lemon 工具函数
- [vue-sticky](https://www.npmjs.com/package/vue-sticky) sticky 兼容库
- [modern-fastclick](https://www.npmjs.com/package/modern-fastclick) 更加现代化的 fastclick
- [qrcode](https://github.com/soldair/node-qrcode) qrcode 库
- [quasar](https://quasar-framework.org/components/) UI 库

打包后产生 2 个包文件 lemonLibQuasar 比 lemonLib 多一个 quasar UI 库。

编辑器中请使用 lemonLibQuasar

生成的页面请使用 lemonLib

## webpack 配置
```
externals: {
  vue: 'Vue',
  vuex: 'Vuex',
  'vue-router': 'VueRouter',
  'lemon': 'Lemon',
  axios: 'axios',
  'vue-img': 'VueImg',
  'h5-utils': 'Utils',
  'eleme-ubt': 'UBT',
  'uparams': 'UParams',
  'sns-sdk': 'sns',
  'geohash.js': 'Geohash',
  'vue-sticky': 'VueSticky',
  qrcode: 'QRCode',
  quasar: 'Quasar'
},
```

## eslint 全局变量配置
```
{
  globals: {
    Vue: true,
    Vuex: true,
    VueRouter: true,
    Lemon: true,
    axios: true,
    VueImg: true,
    Utils: true,
    UBT: true,
    UParams: true,
    sns: true,
    Geohash: true,
    VueSticky: true,
    QRCode: true,
    Quasar: true
  }
}
```