Install

npm install dyview --save

Quick Start

import dyview from 'dyview'
import 'dyview/lib/index/style.css'

Vue.use(dyview)

按需引入

借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。

首先，安装 babel-plugin-component：

npm install babel-plugin-component --save-dev

在vue-cli2.0项目中，在 .babelrc 添加

{
  "plugins": [
    [
      "component",
      {
        "libraryName": "dyview",
        "style": true
      },
      "dyview"
    ]
  ]
}

在vue-cli3.0项目中，在 bable.config.js 添加

{
  plugins: [
    [
      "component",
      {
        "libraryName": "dyview",
        "style": true
       },
       "dyview"
     ]
  ]
}

接下来，如果你只希望引入部分组件，比如 xxx，那么需要在 main.js 中写入以下内容：

import { xxx } from 'dyview'

Vue.use(xxx)
//or
Vue.component(xxx.name, xxx);

项目结构

|-- .build   项目构建相关

|-- .examples   项目演示

|-- .lib   项目打包之后文件

|-- .packaage   项目工程文件

     |-- .theme   项目样式文件

|-- .public   项目演示首页

指令说明

npm run server

项目开发指令

npm run build

项目打包总指令

npm run clear

项目打包前清空lib文件夹

npm run config

项目打包前根据项目组织生成配置文件指令

npm run lib

项目打全局引入包指令

npm run style

项目打css包指令

npm run components

项目打按需引入分包指令

npm run lint

项目检查源文件指令