k-view-next

[[toc]]

K-View-Next

Quick Start

Installation

npm i -S k-view-next

Fully import

import KView from 'k-view-next'
import 'k-view-next/lib/style'

export default (app) => {
    app.use(KView)
    return app
}

Import on Demand

k-view-next supports tree shaking of ES modules, so using import { Button } from 'k-view-next'; would drop js code you didn't use.

• we can import individual components on demand:

import Button from 'k-view-next/lib/button'
import 'k-view-next/lib/button/style'

• We strongly recommend using babel-plugin-import, which can convert the following code to the 'k-view-next/lib/xxx' way:

import { Button } from 'k-view-next'

Scripts

dev

Component development and debugging

# Debug button component

yarn dev ./components/button

docs

Documentation site preview

yarn docs

compile

Component compilation

yarn compile

gen

Script to quickly create component code

yarn gen

site preview

%{width=1000}%

%{width=1000}%

Important

The link anchor jump will be abnormal on the github io page. For private deployment, please modify the configuration items in .env.production.

# PUBLIC_PATH='./'
# VUE_APP_MODE='UMD_PREVIEW'
PUBLIC_PATH='/'
VUE_APP_MODE='CMD_PREVIEW'