2016-09-25 41 views
4

我正在嘗試創建一個React-Redux庫,並且試圖使用create-react-app來獲取樣板代碼,但它包含在構建腳本中,比如appHtml,它們是無關。使用create-react-app創建庫

是否有轉彈出的方式創建反應的-應用庫 - 特別是我需要包所有的JS文件合併成一個,而是隻是通過他們通過巴貝爾併產生單獨的文件中每個陣營的組成部分?

回答

5

我已經設法建立圖書館沒有彈出和使用創建反應應用程序的內部依賴關係。我已用[email protected]進行了測試。首先,你需要安裝babel-cli

npm install --save-dev babel-cli 

創建.babelrc文件的內容:

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

然後添加腳本package.json

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

最後運行:

npm run compile 

這將編譯所有來源從srclib目錄,並簡單地複製剩餘的文件。不要忘記在package.json中聲明主文件(例如"main"="lib/index.js")。

但是有一個警告。如果您使用的是無法使用babel編譯的文件(例如css或fonts),那麼您的庫的用戶需要設置適當的(webpack)加載器。

1

編輯在package.json

  1. name
  2. description
  3. scripts
  4. author
  5. license
  6. gitRepository
  7. 以下

and do npm publish。它會發布您的庫npm

+0

謝謝你最好的,我已經編輯了問題,我需要知道如何製作單獨的js文件,而不是一個大文件 –