@digitalzz/dlb-mobile

A Component Library Base Vant for Vue.js

Usage no npm install needed!

<script type="module">
  import digitalzzDlbMobile from 'https://cdn.skypack.dev/@digitalzz/dlb-mobile';
</script>

README

@digitalzz/dlb-mobile

安装

## 安装 npm 包
npm i @digitalzz/dlb-mobile -S

使用

## 项目引入css
import "@digitalzz/dlb-mobile/lib/index/style.css";

## 项目main.js引入组件, 全局引入
import DlbMobile from '@digitalzz/dlb-mobile'
Vue.use(DlbMobile)

按需加载

  1. 安装 babel-plugin-import
  2. babel.config.js 修改配置如下
// babel.config.js 配置
module.exports = {
  presets: ['@vue/app'],
  plugins: [
    [
      'import',
      {
        libraryName: '@digitalzz/dlb-mobile',
        libraryDirectory: 'lib',
        camel2DashComponentName: false,
        style: name => {
          return `${name}/style.css`
        }
      },
      '@digitalzz/dlb-mobile'
    ]
  ]
}
  1. 组件按需引入
import Vue from 'vue'
import { ImgBanner } from '@digitalzz/dlb-mobile'

Vue.use(ImgBanner)