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;
更多主题配置