README
打包组件
首先创建一个新的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'