lemon-lib

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 路由管理库
• Lemon lemon 工具函数
• axios Promise 基础的 HTTP 库
• vue-img 图片 hash 工具
• h5-utils 饿了么 h5 常用工具库
• uparams 路径参数解析工具
• 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',
  'lemon': 'Lemon',
  axios: 'axios',
  'vue-img': 'VueImg',
  'h5-utils': 'Utils',
  'uparams': 'UParams',
  'sns-sdk': 'sns',
  'geohash.js': 'Geohash',
  quasar: 'Quasar',
  qrcode: 'QRCode'
},

eslint 全局变量配置

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