Test-heima-ui NPM

文档

这是哈密小生专属文档 Author: 哈密小生 Edition： v1.0.0 website: http://www.vipwjw.com

Build Setup

#1.第一步(下载包)
npm install

#2.第二步(运行)
npm run serve

#3.第三步(打包)
npm run build

#本地测试
npm i -g live-server
live-server --port=8088

#打开浏览器
http://localhost:7006/home


### 滑动组件api文档
https://3.swiper.com.cn/api/basic/2014/1215/19.html
版本号
"swiper": "^6.5.0",
"vue-awesome-swiper": "^2.6.7",

### 懒加载(vue-lazyload)
版本号
"vue-lazyload": "^1.3.3",

import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad, {
  preLoad: 1,
  // error: require('./assets/setmealAreaImg/load-pic.png'),
  // loading: require('./assets/setmealAreaImg/load-pic.png'), // 统一用的加载图片，如果想单独配置不同的load需要在样式表中定义背景图
  attempt: 2,
  // listenEvents: ['touchmove']  //测试用的
})

注释console.log

npm i babel-plugin-transform-remove-console
module.exports = {
  "presets": [
    "@vue/app"
  ],
  "plugins": [
    [
      "import",
      {
        "libraryName": "vant",
        "libraryDirectory": 'es',
        "style": true 
      }
    ],
    'transform-remove-console'
  ]
}

test-heima-ui