meri-design
v2.2.19-beta9
Published
基于vue框架的ui库
Downloads
501
Readme
meri-design:
- 基于vue的ui库,github地址
ssh://[email protected]:5522/xiongshuang/meri-design.git
config
- 开发预览
dev.js
- 打包
prod.js
- 所有组件打包
components.js
- 单组件打包
single.js
安装
npm install -S meri-design
全局引入
import MeriD from 'meri-design';
import 'meri-design/dist/index.css';
Vue.use(MeriD);
- 安装依赖包
npm i -D babel-plugin-component
- 在 .babelrc中的plugins里添加
[
"component",
{
"libraryName": "meri-design",
"camel2Dash": false,
"libDir": "dist",
"style": false
}
]
按需引入
- 引入组件
import { Button } from 'meri-design'
- 安装依赖包
npm i -D babel-plugin-component
- 在 .babelrc中的plugins里添加
[
"component",
{
"libraryName": "meri-design",
"camel2Dash": false,
"libDir": "dist",
"styleLibrary": { "name": "theme", "base": true }
}
]
启动说明
- npm run dev
启动开发预览
- npm run prod
打包成静态
- npm run components
打包所有组件
- npm run single
打包单个组件