样式统一替换说明文档

基于文件路径 client/app/

####1. 将 app.less 文件删除 ####2. 将 app.component.js 文件中引入的样式删除 如下（如果有）

import './app.less';    //删除

####3. app.js 文件的操作

• 在文件中引入公共样式

import 'bp-admin-skin';

• 将 app module 中依赖的 header 和 menu 删除 如下（如果有）

angular.module('app', [
  'bp.header',  //删除
  'bp.menu'     //删除
])

• 将引入的关于bootstrap的文件都删除

bp-admin-skin 里面已经引用，这里如果引用会覆盖公共样式

import './lib/bootstrap.css';       // 删除
import './lib/bootstrap-theme.css'; // 删除

####4. common 文件夹的操作

• 只保留 common.js 文件，其他的都删除
• common.js 文件引入 header 和 menu 代码如下

import angular from 'angular';
import 'ffan-bp-menu';
import 'ffan-bp-header';

let commonModule = angular.module('app.common', [
  'bp.menu',
  'bp.header'
]);
export default commonModule;

5. 安装 header menu skin 为 1.0.0 版本

npm install ffan-bp-header@1.0.0 --save

npm install ffan-bp-menu@1.0.1 --save

npm install bp-admin-skin@1.0.0 --save

当替换的时候直接先uninstall, 然后在package.json里改成latest, 例如

"bp-admin-skin": "latest"

这样以后直接update就行了. 新的版本都会以tag beta来管理 有需求添加的需要拉下来bp-admin-skin项目, 修改然后提merge request

统一样式的修改参考 bp-admin-skin 项目的 README 传送门

最后, 当升级样式时遇到问题, 也欢迎来更新此文档.