测试项目为,一个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