打包组件

首先创建一个新的webpack.publish.config.js配置文件用于打包组件。 在package.json中添加lib:prod执行打包组件操作

"script: {
    ...
    "lib:prod": "webpack --progress --color --config webpack.publish.config.js" 
}
// --progress 打包进度，--watch 自动监控文件变化， --color 彩色显示打包提示信息

打包思路是将项目组件import到src/component/index.js文件中，然后将以这个index.js为入口打包组件，index相当于暴露接口。

// index.js代码
import module1 from '...'
import module2 from '...'
...
export {
    module1,
    module2,
    ...
}

组件和使用

通过npm i druid-plugins导入组件库。

我们推荐使用 npm 或 yarn 的方式进行开发，

$ npm install druid-plugin --save

$ yarn add druid-plugin

如果你的网络环境不佳，推荐使用 cnpm。

示例

import { DruidPhoto } from 'antd';
ReactDOM.render(<DruidPhoto />, mountNode);

全局引入样式

import 'druid-plugins/lib/style/normalize.css'