安装

NPM

npm install fs-ui -S

YARN

 yarn add fs-ui

引入组件

方式一. 使用 babel-plugin-import (推荐)

babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式

# 安装 babel-plugin-import 插件
npm i babel-plugin-import -D

// .babelrc
{
  "plugins": [
    ["import", {
      "libraryName": "fs-ui",
      "libraryDirectory": "lib",
      "style": true
    }]
  ]
}

// 对于使用 babel7 的用户，可以在 babel.config.js 中配置
  module.exports = {
    plugins: [
      ['import', {
        libraryName: 'fs-ui',
        libraryDirectory: 'lib',
        style: true
      }, 'fs-ui']
    ]
  };

接着你可以在代码中直接引入 FS-UI 组件使用

import { Button, Cell } from 'fs-ui'

方式二. 导入所有组件

import Vue from 'vue'
import fsUI from 'fs-ui'
import 'fs-ui/lib/fsui-style/index.css'

Vue.use(fsUI);

Links

• Documentation
• fs-ui Demo

LICENSE

MIT