firefly-web-ui-element

萤火Web端通用UI库，基于Element-UI二次开发。

这种方法也是存在弊端的，例如element版本升级了或者是修复了bug，你这边如果还想同步代码，那么你就需要根据官网修改的记录去修改一遍你项目里相应的代码。

element-ui：2.15.10（基于这个版本修改成自己ui库） 通过全局element-ui替换为firefly-web-ui 每次更改都需要更改package.json里面的版本号

本地调试 npm install //安装依赖 npm run dev:play //项目运行在8085端口

运行调试地址 examples/play/index.vue的页面

日后主题的修改 packages/theme-chalk/common/var.scss //修改默认主题色的位置 packages/theme-chalk/src/element-msi.scss //自定义修改 packages/theme-chalk/src/index.scss //引入自定义scss

打包方式 修改了打包的逻辑，原始打包 css 模块和 .vue 文件模块都是读取根目录的 components.json 文件获取 key 去循环打包的，后来发现，自己内部定义的 scss 文件没有被打包进去，所以就把这个文件添加了 firefly-web 的 key 的 componentsCss.json 文件，以后打包 css 模块就读取该 .json 文件，把自定义的文件打包进去即可覆盖原始的属性。

安装

npm i firefly-web-ui -S

引入

在 main.js 中写入以下内容：

import fireflyWebUi from 'firefly-web-ui'; import 'firefly-web-ui/lib/theme-chalk/index.css'; Vue.use(firefly-web-ui);