(着手して)一つのreact/react-nativeコンポーネントをnpmコミュニティにリリースします.
939 ワード
前言
プロセス
初期化ディレクトリ
コンポーネントのソースコードディレクトリとしてsrcディレクトリを新規作成し、index.jsはコンポーネント入口としてlibディレクトリを新規作成し、コンポーネントのコンパイル後ディレクトリとして、このディレクトリは読み取り専用です.
package.jsonを修正するmainフィールドは「src/index.js」または「lib/index.js」です.
コンポーネントを作成
src/index.jsでコンポーネントを作成できます.コンポーネントをエクスポートします.
続いて、あなたはexampleプロジェクトの中でできます.
プロセス
初期化ディレクトリ
mkdir ‘ ’
npm init
package.jsonファイルを生成します.コンポーネントのソースコードディレクトリとしてsrcディレクトリを新規作成し、index.jsはコンポーネント入口としてlibディレクトリを新規作成し、コンポーネントのコンパイル後ディレクトリとして、このディレクトリは読み取り専用です.
package.jsonを修正するmainフィールドは「src/index.js」または「lib/index.js」です.
コンポーネントを作成
src/index.jsでコンポーネントを作成できます.コンポーネントをエクスポートします.
export default class extends React.Component{
render(){
return (
Hello,World!
)
}
}
デバッグコンポーネント npm link
,create-react-app example
cd example && npm link ' '
npm linkコマンドにより、ローカルアナログプロジェクトnpm install'コンポーネント名'続いて、あなたはexampleプロジェクトの中でできます.
import from “ ”
リリース npm
npm
npm publish
結び目