0.4.29 • Published 6 years ago
be-clover v0.4.29
BESPOKIFY-UI
Bespokify UI is a set of Vue components which are using for internal projects
Usage
Install with yarn
yarn add --dev 'clover-ui'Use in project
Include bespokify-ui components into your main.js
import BespokifyUI from '@bespokify/ui'Register components
// Register components
BespokifyUI.registerComponents();
// (Optional) Install Bespokify plugin to use some helpers, pipes
Vue.use(BespokifyUI);Import the stylesheets into app.css or App.vue
@import '~@bespokify/ui/bespokify-ui.css'Explanation of Build Files
| Full | Minified | |
|---|---|---|
| UMD | bespokify-ui.umd.js | bespokify-ui.umd.min.js |
| CommonJS | bespokify-ui.common.js | |
| Stylesheet | bespokify-ui.css |
Terms
- UMD: UMD builds can be used directly in the browser via a
<script>tag. - CommonJS: CommonJS builds are intended for use with older bundlers like browserify or webpack 1.
- Stylesheet: CSS can be used directly in the browser via a
<style>tag, or can be import in application bootstrap endpoint.
Development Setup Guide
Installation dependencies
yarn installServe with hot reload at localhost:8080
yarn serveBuild the library for production
yarn build:bundleBuild storybook for production
yarn build:storybookRun unit tests
yarn unit