safe-component-demo v0.2.1

共享组件、静态资源、工具类、api及mixins：

组件

在/components 下， 引用方式如

import Pagination from 'safe-component-demo-2/components/Pagination'

可用ElementUI下组件， 在引入后会被wabpack转码。

静态资源

在/assets 下， 设想是存放需编译的静态资源， 如.less， 静态图片(会被base64转码）等。

.less

位于./less 下， 是预编译文件， .css建议放置在静态路径统一引用。 引用方式：

@import '~safe-component-demo/assets/less/common.less';

图片

图片位于./img下，引入如下：

<img :src="require('safe-component-demo/assets/img/areas.png')"/>

工具类、api及mixins

这三者需要用rollup + babel打包， 不然在IE下引用会报错。源码放置在/src下， 打包后放置在/lib下。

提供/src/main.js 作为统一入口，打包后为/lib/index.js， 上面三者可以用如下方式统一引用：

import { post, loadOrgTreeWithUser } from 'safe-component-demo'

打包： 运行npm i， npm run build 可以构建 /lib/index.js ， 或运行 npm run build_all 构建所有js文件

工具类

在/src/utils下面，由/src/utils/index 负责模块输出，打包输出为/lib/utils.js有独立逻辑可以另写文件后在index中输出， 可用npm run build_utils 来独立构建， 应用方式如：

import { post } from 'safe-component-demo/lib/utils'

也可以在‘safe-component-demo’中统一引用

api

提供访问数据接口，如获取组织树，入参为必要参数，返回Promise， 源码在/src/api下， 打包输出为/lib/api.js

可用npm run build_api 来打包， 应用方式如：

import { loadOrgTreeWithUser } from 'safe-component-demo/lib/api'

// in actions
loadOrgTreeWithUser (store, data) {
  return loadOrgTreeWithUser(store.state.orgId)
},

mixins

提供mixins， 源码在/src/mixins下， 打包输出为/lib/mixins.js

每个mixin 为独立一个文件，放置在/src/mixins下，有。./index统一输出。

可用npm run build_mixins 来打包， 应用方式如：

import { setProgress } from 'safe-component-demo-2/lib/mixins'

mixins: [ setProgress ],