Newfangled Package Modernizer
Miss any of our Open RFC calls?Watch the recordings here! »

c-react-component

1.0.2 • Public • Published

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

Install

npm i c-react-component

DownloadsWeekly Downloads

0

Version

1.0.2

License

MIT

Unpacked Size

7.01 kB

Total Files

5

Last publish

Collaborators

  • avatar