測試項目為，一個js文件引用其他ES6編寫的文件，最終網頁中引用打包好的最終js文件
注意：需要安裝Node.js,沒有的話，需要搜索安裝

1 Browserify

//在終端中輸入如下命令，可以通過 npm 安裝 Browserify： $ npm install --global browserify //要驗證是否安裝成功，輸入： $ browserify --version

2 Babel

//要安裝 Babel 的命令行界面（command-line interface，CLI），輸入： $ npm install --global babel-cli //要驗證是否安裝成功，輸入： $ babel --version

3 要安裝幾個 React 相關的依賴包（在項目根目錄下運行）

$ npm install --save-dev react $ npm install --save-dev react-dom $ npm install --save-dev babel-preset-react $ npm install --save-dev babel-preset-es2015

4 轉譯 JavaScript（將ES6文件轉ES5文件）

//首先通過 Babel 轉譯 JavaScript： $ babel --presets react,es2015 js/source -d js/build

5 打包 JavaScript

$ browserify js/build/app.js -o bundle.js

總結

以上是生活随笔為你收集整理的React学习，Babel ES6兼容运行使用的命令行整理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。