0.0.6 • Published 6 years ago
dyview v0.0.6
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
项目检查源文件指令