Fjp-react-components NPM

fjp-react-components

介绍

一个react组件库

软件架构

软件架构说明

|-dist
    |-test                      开发调试HTML文件
    |-index.js                  组件库入口文件
|-src
    |-css                       组件样式
    |-js
        |-components            输出组件js代码
        |-test                  输出调试页面js代码
    |-jsx               
        |-components            编写组件jsx代码
        |-test                  编写调试页面jsx代码
    |-test              
        |-index.html            调试页面HTML生成模板
    |-index.js                  导出所有组件
|-server.js                     启动express应用，用于调试页面
|-webpack.dev.config.js         webpack打包开发配置
|-webpack.product.config.js     webpack发布配置

安装教程

npm install fjp-react-components # 安装组件库

import {XXX} from 'fjp-react-components'; //引入组件

开发调试

npm install # 安装node依赖
npm run watch # 监听src/jsx目录的代码，如果代码发生变化会自动更新src/js的代码
npm run dev # 启动webpack打包工具，以webpack.product.config.js为配置文件，并监听src/js目录下的文件，同步更新dist/test目录下的HTML和js文件
npm run build # webpack打包，输出dist/index.js，为其他项目提供入口
npm run test # 启动express应用，端口为8001，输入http://localhost:8081/test/TestXXX.html查看调试页面