@58fe/v5 中文文档教程

Question

V5

基于 VUE 的前端 UI 组件库

安装

npm install @58fe/v5  --save

使用

导入需要的组件，例如：

import { Alert } from '@58fe/v5';

按需加载

如过需要按需加载指定组件，需要配合 babel-plugin-import 插件使用

npm install @58fe/babel-plugin-v5-import --save-dev

在.babelrc 文件添加如下配置

{
    "plugins": ["@58fe/babel-plugin-v5-import"]
}

其他

1、打包时抛出 'These dependencies were not found:

原因是 V5 的样式是基于 sass 编写的，所以需要依赖以下两个 npm 包：

npm install sass-loader node-sass --save-dev

2、打包时抛出 Unexpected token

原因是 V5 的 js 源码没进行 babel 转译，可以在 webpack 配置中的增加以下 loaders：

{
    test: /v5.src.*?js$/,
    loader: "babel-loader"
}

自定义主题

1、配置全局主题样式文件theme.scss 2、修改主题色配置

$primary-color: #32BE4A;

更多主题配置