安装

npm i @degon/admin-component -S
or
yarn add @degon/admin-component -S

全部引入

import Vue from 'vue'
import DgAdminComponent from '@degon/admin-component'
import '@degon/admin-component/lib/theme-chalk/index.css'

Vue.use(DgAdminComponent)

按需引入

1. 安装babel-plugin-import

npm i babel-plugin-import -D
or
yarn add babel-plugin-import -D

2. 修改配置文件

方式一

// 将 babel.config.js 修改为
{
  'plugins': [
    [
      'import',
      {
        libraryName: '@degon/admin-component',
        style: (name) => {
          return `@degon/admin-component/lib/theme-chalk/${name.substr(name.lastIndexOf('/') + 1)}.css`
        }
      },
      'degon-admin-component'
    ]
  ]
}

方式二

// 将 babel.config.js 修改为
{
  'plugins': [
    [
      'import',
      {
        libraryName: '@degon/admin-component',
        styleLibraryDirectory: 'lib/theme-chalk',
        style: 'css'
      },
      'degon-admin-component'
    ]
  ]
}
// vue.config.js 增加
{
  configureWebpack: {
    resolve: {
      extensions: ['.css']
    }
  }
}

3. 使用

import Vue from 'vue'
import { Table, FlexContainer } from '@degon/admin-component'

Vue.use(Table)
Vue.use(FlexContainer)