create-react-app를 사용하여 라이브러리 만들기

Question

React-Redux 라이브러리를 만들려고하는데 create-react-app을 사용하여 상용구 코드를 얻으려고 시도하지만 appHtml과 같은 빌드 스크립트에 포함됩니다 부적절한.

배출 좌회전 할 수있는 방법이 있나요 만들-반응-응용 프로그램을 라이브러리에 - 특히 나는 모든 일에 파일을 JS 하지 패키지에 필요하지만, 대신 각각의 구성 요소 반작용에 대해 별도의 파일을 바벨을 통해 전달하고 생산?

Answer 1

나는 react app 생성의 내부 의존성을 추출하고 사용하지 않고 라이브러리를 구축 할 수있었습니다. 나는 react-scripts@0.9.5으로 테스트했습니다. 처음에는 babel-cli을 설치해야합니다

이

{ 
    "presets": ["react-app"] 
} 

그런 package.json에 스크립트를 추가 :

"compile": "NODE_ENV=production babel src --out-dir lib --copy-files", 

그리고 마지막으로 실행

npm run compile 

npm install --save-dev babel-cli 

콘텐츠와 .babelrc 파일을 생성

이렇게하면 모든 소스가 src에서 lib 디렉토리로 컴파일되고 나머지 파일 만 복사됩니다. 주 파일을 package.json (예 : "main"="lib/index.js")으로 선언하는 것을 잊지 마십시오.

그러나 한 가지주의 할 점이 있습니다. babel로 컴파일 할 수없는 파일 (예 : CSS 또는 글꼴)을 사용하는 경우 라이브러리 사용자는 적절한 (webpack) 로더를 설정해야합니다. 이것이

Answer 2

편집하여 package.json

1. name
2. description
3. scripts
4. author
5. license
6. gitRepository
에서 다음

및 donpm publish. 도서관을 게시 할 예정입니다 npm

Answer 3

내가 라이브러리 https://github.com/Rubbby/create-react-library