huawen-pc-platform 前端框架组件

仓库

当前组件库发布在私有仓库中，仓库地址: http://10.43.219.188:4873/

// 设置仓库地址
npm config set registry http://10.43.219.188:4873

安装

npm install --save  hundun-pc-platform

引用与配置

// 获取当前得项目id和编码
import { moduleId , moduleCode} from '@/cofnig/website'

 // 导入组件库
import hundunPcPlatform  from 'hundun-pc-platform'
// 导入样式
import 'hundun-pc-platform/packages/style/index.scss'; 
// 注册组件库
Vue.use(hundunPcPlatform , {moduleId: moduleId , moduleCode: moduleCode}) 
 
// 获取项目得初始入口App页面
import { App } from 'hundun-pc-platform';

new Vue({
  router,
  store, 
  render: h => h(App)
}).$mount('#app')

完整main.js

import Vue from 'vue';
import axios from './router/axios';
import VueAxios from 'vue-axios';
import { App } from 'hundun-pc-platform';
import router from './router/router';
import './permission'; // 权限
import './error'; // 日志 
import store from './store';   
  
import VueCookie from "vue-cookie";
 
import './echarts/index'
// 加载内部组件
import "@/components/index"  
  
Vue.prototype.website = website;
Vue.config.productionTip = false;
Vue.use(VueCookie)
Vue.use(VueAxios, axios)
  

// 配置axios
// 其中axios为当前前端项目配置好的axios封装，后续将使用当前项目的axios进行组件内部的http请求
window.http = axios 

import 'hundun-pc-platform/packages/style/index.scss'; 
import Hundunlayout from 'hundun-pc-platform'
Vue.use(Hundunlayout , {moduleId: website.moduleId , moduleCode: website.moduleCode}) 
  

new Vue({
  router,
  store, 
  render: h => h(App)
}).$mount('#app')

vuex配置

vuex默认需要集成组件得vuex 文件: store/index.js

import Vue from 'vue'
import Vuex from 'vuex' 


import defaultStore from 'hundun-pc-platform/packages/store/index.js'


Vue.use(Vuex)
const store = new Vuex.Store(defaultStore)

export default store