# 开始使用

# 安装

## 安装 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 (opens new window)
  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)
最后更新: 5/12/2021, 4:38:11 PM