创建 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文件