vue-ui-v2 v0.1.9

VUE2.0组件，可按需引入配置

1、npm install vue-ui-v2@0.1.3 --save安装组件库。

2、在执行npm install babel-plugin-import --save-dev安装babel-plugin-import插件，利用它实现组件按需引入。

3、在根目录下.babelrc.js文件中按如下配置

module.exports = {
    "presets": ["@vue/app"],
    "plugins": [
        [
            "import",
            {
                "libraryName": "vue-ui-v2", // 组件库名称
                "camel2DashComponentName": false, // 关闭驼峰自动转链式
                "camel2UnderlineComponentName": false // 关闭蛇形自动转链式
            }
        ],
    ]
}

4、在main.js写入

import { testA, testB } from 'vue-ui-v2';
Vue.use(testA);
Vue.use(testB);

5、在demo.vue引用

<template>
    <div>
        <testA></testA>
        <testB></testB>
    </div>
</template>
<script>
export default {
    data() {
        return {
        }
    },
}
</script>

6、引入样式

module.exports = {
    "presets": ["@vue/app"],
    "plugins": [
        [
            "import",
            {
                "libraryName": "vue-ui-v2",
                "camel2DashComponentName": false,
                "camel2UnderlineComponentName": false,
                "style": (name) =>{
                    const cssName = name.split('/')[2];
                    return `vue-ui-v2/lib/style/${cssName}.css`
                }
            }
        ],
    ]
}