0.0.5 • Published 3 years ago
v-new-ui v0.0.5
v-new-ui
开发流程
npm run lib
npm run build:style
npm 安装
npm i v-new-ui
目前组件
- new-button
使用说明
- 完整引入 在 main.js 中写入以下内容:
import Vue from 'vue';
import NewUI from 'v-new-ui';
import 'v-new-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(NewUI);
new Vue({
el: '#app',
render: h => h(App)
});
- 按需引入
借助
babel-plugin-component
,我们可以只引入需要的组件,以达到减小项目体积的目的。
然后,将 .babelrc 修改为:
{
"plugins": [
[
"component",
{
"libraryName": "v-new-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
在 main.js 中写入以下内容:
import Vue from 'vue';
import {Button} from 'v-new-ui';
import App from './App.vue';
Vue.use(Button);
new Vue({
el: '#app',
render: h => h(App)
});