lemon-lib

common lib for lemon

基础库

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

<!-- 开发阶段引入 无压缩 -->
<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 组件的基础库

<!-- 开发阶段引入 无压缩 -->
<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 样式重置
• animate.css 动画库
• lemonBase 基础样式

JS 相关库

• vue 主框架
• vuex 状态管理库
• vue-router 路由管理库
• axios Promise 基础的 HTTP 库
• vue-img 图片 hash 工具
• h5-utils 饿了么 h5 常用工具库
• eleme-ubt 饿了么产品通用 UBT 埋点
• uparams 路径参数解析工具
• sns-sdk 饿了么第三方授权
• geohash.js geohash 解析工具
• Lemon lemon 工具函数
• vue-sticky sticky 兼容库
• modern-fastclick 更加现代化的 fastclick
• qrcode qrcode 库
• quasar 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
  }
}