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服务中各个环境配置文件、公共组件、路由拦截、主题样式文件