persagy-ui

persagy-ui：

• 基于vue的ui库，github地址 ssh://git@101.254.183.198:5522/bi-web/persagy-ui-kit.git

config

• 开发预览 webpack.config.js
• 开发预览文档 webpack.dev.config.js
• 文档打包 webpack.prod.config.js
• 所有组件打包 webpack.components.config.js
• 单组件打包 webpack.single.config.js

安装

• npm install -S persagy-ui

全局引入

    import Pui from 'persagy-ui';
    import 'persagy-ui/dist/index.css'；
    
    Vue.use(Pui);

• 安装依赖包 npm i -D babel-plugin-component
• 在 .babelrc中的plugins里添加

    [
          "component",
          {
            "libraryName": "persagy-ui",
            "camel2Dash": false,
            "libDir": "dist",
            "style": false
          }
    ]

按需引入

• 引入组件 import { Button } from 'persagy-ui''
• 安装依赖包 npm i -D babel-plugin-component
• 在 .babelrc中的plugins里添加

    [
          "component",
          {
            "libraryName": "persagy-ui",
            "camel2Dash": false,
            "libDir": "dist",
            "styleLibrary": { "name": "theme", "base": true }
          }
    ]

启动说明

• npm run dev 启动开发预览
• npm run prod 打包成静态
• npm run components 打包所有组件
• npm run single 打包单个组件
• npm run styleguide 启动开发文档预览
• npm run styleguide:build 打包文档