將多個es6轉換爲多個es5文件以創建npm包

我有ES6文件有多個文件的文件夾：

我wan't在導入這樣的我未來的項目。

import A from 'bootstrap-styled/components/A';

我想創建一個npm包。

我需要使用SAME目錄結構以ES5格式導出它們。

我不想單個輸出文件。

有沒有現有的程序可以做到這一點？

2016-12-22 BigDong

「我不想單個輸出文件」 - 它看起來像你與Webpack混淆巴別塔。在你的情況下，足夠的巴別塔 - 只是爲了將所有ES6文件編譯成具有相同文件夾結構的ES5。如果這是你的情況，我會寫一個基於Babel的答案 –

你需要在你的項目中安裝Babel（我假設它已經安裝了，因爲沒有它，你將無法在瀏覽器中運行你的ES6，所以我省略了Babel的所有設置，只要確保您的項目中有babel-cli）。

因此，所有你需要的是：

babel components --out-dir dist

它會將所有文件編譯從components到dist。比你可以用

"main": "dist"

在package.json

如果你正在尋找這個過程automatisation試試這個樣板項目發佈到NPM - react-cdk。它會做你正在問：每次運行時編譯ES6到ES5 npm publish

2016-12-22 05:33:14

我會嘗試一下，我看到使用react-cdk的唯一方法是如何將我的依賴項添加到此項目中。我使用樣式化組件反應 – BigDong

您可以使用react-cdk啓動新項目，然後像往常一樣設置package.json並安裝所有依賴項。一般來說應該沒有問題。 –

回答