lemon-lib

lemon-lib

common lib for lemon

基础库

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

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

带 UI 组件的基础库

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

<!-- 产品阶段引入 已压缩 -->
<script src="//shadow.elemecdn.com/npm/lemon-lib@0.0.9/dist/lemonLibQuasar.min.js" defer></script>

相关库

• vue 主框架
• vuex 状态管理库
• vue-router 路由管理库
• axios Promise 基础的 HTTP 库
• vue-img 图片 hash 工具
• eleme-hybrid-api 调用原生方法
• h5-utils 饿了么 h5 常用工具库
• eleme-ubt 饿了么产品通用 UBT 埋点
• sns-sdk 饿了么第三方授权
• geohash.js geohash 解析工具
• quasar UI 库
• qrcode qrcode 库

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

编辑器中请使用 lemonLibQuasar

生成的页面请使用 lemonLib

webpack 配置

externals: {
  vue: 'Vue',
  vuex: 'Vuex',
  'vue-router': 'VueRouter',
  axios: 'axios',
  'vue-img': 'VueImg',
  'eleme-hybrid-api': 'hybridAPI',
  'h5-utils': 'Utils',
  'eleme-ubt': 'UBT',
  'sns-sdk': 'sns',
  'geohash.js': 'Geohash',
  quasar: 'Quasar',
  qrcode: 'QRCode'
},

eslint 全局变量配置

{
  globals: {
    Vue: true,
    Vuex: true,
    VueRouter: true,
    axios: true,
    VueImg: true,
    hybridAPI: true,
    Utils: true,
    UBT: true,
    sns: true,
    Geohash: true,
    Quasar: true,
    QRCode: true
  }
}