安装

安装 polyv-ui

npm install @polyv/polyv-ui -S

按需引入

按需引入需要借助 babel-plugin-import (opens new window) 已达到减少项目构建后的体积。

第一步，安装 babel-plugin-import：

npm install babel-plugin-import -D

第二步，配置 babel.config.js 或 .babelrc：

module.exports = {
  plugins: [
    [
      'import',
      {
        libraryName: '@polyv/polyv-ui',
        libraryDirectory: 'lib-admin',
        styleLibraryDirectory: 'lib-admin/theme',
      }
    ],
  ]
};

第三步，如果您的项目是使用 Webpack 的构建工具，需要在 extensions 中添加 .css：

module.exports = {
  resolve: {
    extensions: ['.css'],
  },
};

第四步，项目中按需引入，如 Button 和 Select：

import Vue from 'vue';
import { Button, Select } from '@polyv/polyv-ui';

Vue.use(Button);
Vue.use(Select);