README
创建 React 组件脚手架并发布
启动
- 安装依赖
npm i
; - 开发环境
npm start
;
开发 && 测试
项目根目录下执行
npm link
npm link c-react-component
实时开发
1.修改 package.json
{
"main": "src/index.js",
}
发布时再改为
{
"main": "lib/index.js",
}
2.修改 example/app.js
将本地组件改为打包后依赖包组件。
// import CReactComponent from '../src';
import CReactComponent from 'c-react-component';
import 'c-react-component/lib/main.min.css';
3.根目录执行
npm start
这样一边开发,就可以一边查看组件发布后的样子了。
发布
1.查看源地址
npm config list
2.切换到 npm 官方源地址
npm config set registry http://registry.npmjs.org
3.发布
npm whoami # 当前 npm 登录信息
npm run publish
4.取消发布(最好不要,别人可能下载了你的包)
npm unpublish c-react-component --force # 此处为package.json中定义的name字段
下载 && 使用
1.下载
npm i react-demo-component
2.使用方法
import CReactComponent from 'c-react-component';
import 'c-react-component/lib/main.min.css'; // 组件的样式,需要手动导入css文件