設置React項目：Babelify做什么？

Question

我目前正在學習如何使用npm，Babel和Browserify設置React項目。

Babel的用法對我來說似乎足夠清楚：它將JSX和ES6代碼轉換為ES5代碼，可以在所有瀏覽器中運行。

與Browserify相同：將我使用的npm軟件包（React-DOM，React等）與我自己的代碼捆綁在一起，打包成一個大文件。 然后可以將這些文件用於部署到生產中。

但是我很難理解Babelify的用途。 我已經讀過它“可以在瀏覽器中使用Babel”。 一個站點文章說它是“用於Browserify的Babel轉換器”。

所有這些解釋對我來說都有些奇怪，因為如果：

Babel是一個將JSX，ES6，TypeScript，...-代碼轉換為瀏覽器兼容代碼的編譯器。 為什么需要額外的“變壓器”來輸出Babel？

Answer 1

babelify它是babelify轉換包。

您不能在瀏覽器中使用純babel軟件包。 因此，您應該使用babelify軟件包，該軟件包內部包含babel以便能夠使用babelify將es6代碼轉換為es5。