dcandbi

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

镜像私服推送

// 推送到私服:在package.json下面添加
 "publishConfig": {
    "registry": "http://yum.bonc.local/nexus/repository/npm-hosted"
  }

推送工程到npm上

npm version [<newversion> | major | minor | patch]

- major：主版本号 eg: 0.0.1 -> 1.0.0

- minor：次版本号 eg: 0.1.1 -> 0.2.0

- patch：补丁号 eg: 0.1.1 -> 0.1.2

npm run build

npm login

npm publish

测试插件

npm pack

• npm pack 之后，会在当前目录下生成一个 xx-btn-1.0.0.tgz 的文件。
• 打开一个vue项目，将压缩文件放到项目某个目录下，执行命令
• npm install 路径\xx-btn-1.0.0.tgz
• 路径是指压缩包所在的绝对路径，文件名必须是压缩包的全名

删除包

npm login

npm unpublish [email protected] //指定版本号

在其他项目引用组件

<template>
    <side-menu />
</template>

<script>
import { SideMenu } from 'dcandbi';
export default {
    components: {
        SideMenu
    }
}
</script>

在其他项目引用方法

import { GetConfigurationFun } from 'dcandbi';

在其他项目引用主题样式文件

// 在main.js中引用
import 'dcandbi/src/assets/less/theme/green-theme.css';


// 在vue.config.js中引用
const path = require('path');
module.exports = {
    pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'less',
            patterns: [
                path.resolve(__dirname, 'dcandbi/src/assets/less/theme/theme-var.less')
            ]
        }
    }
}

在其他项目nuxt.config.js中改动

transpile: [/^dcandbi/]

总结

抽离了科学云、bi、notebook服务中各个环境配置文件、公共组件、路由拦截、主题样式文件

思考：

1. 抽离所有服务单独或者集成在一起都需要使用初始化加载的的公共加载的组件 / 方法： 组件：资源监控、turing-notification、boncloud-notification、 方法：心跳检测（checkHeartbeat）、登录人数校验的检测（checkCurrentUserCanLogin）、避免BI主题影响其他页面（setBiThemeConfig）
2. common.js 不需要每个服务单独挂载引用，做一个公共方法，每个服务引用
3. 抽离公共组件：ai市场评论组件、登陆组件、DcHeader组件、SideMenu组件
4. 路由拦截的公共处理逻辑，二次优化
5. 导航的模式做改造，通过菜单去获取，对应的页面通过 设置 router-layout-default 去使用对应的 layout
6. 侧导航支持外部地址(包括http的地址)加载，在新窗口打开
7. 项目内的侧导航，放弃定位的方式，使用盒模型布局(按需加载)