如何创建一个ReactJS包发布到npm?

时间:2019-07-04 06:39:47

标签: node.js reactjs npm

我有一个我想发布到npm的react组件,我希望有人可以解释一些事情来帮助我开始使用它。我过去曾在npm上发布过node.js程序包,但这是我的第一个react程序包,我无法使其正常工作。

这是我计划实现的一个小例子:

我的包裹 label-wrapper

import React, { useState, useEffect, useRef, useCallback } from 'react';

export default function ({ label }) {
  return <div className="label-wrapper">{label}</div>
};

其他想要使用我的包裹的人:

import React from 'react';
import LabelWrapper from 'label-wrapper';

export default function () {

  return <div><LabelWrapper label="Hello World" /></div>

}
  1. 我是否为此使用create-react-app?还是我手动安装reactreact-dom?因为我要使其很小,可以导入到其他项目中。有点像react-router-dommaterial-ui,但非常小。

  2. 如果我使用create-react-app,是否还需要构建(react-scripts build)?这是我最困惑的地方,因为create-react-app是用于构建单页应用程序,它包含许多我不需要的功能。

如果您有与此相关的详尽指南的链接,则确实有帮助。

0 个答案:

没有答案