ES6学习（16）Babel对ES6模块化代码转换

1. Babel概述：

• Babel 是一个 JavaScript 编译器；
• Babel 能够将新的ES规范语法转换成ES5的语法；
• 因为不是所有的浏览器都支持最新的ES规范，所以，一般项目中都
• 需要使用Babel进行转换；
• 步骤：使用Babel转换JS代码——打包成一个文件——使用时引入即可；

2. 步骤
   • 第一步：安装工具babel-cli（命令行工具） babel-preset-env（ES转换工具） browserify（打包工具，
     项目中使用的是webpack）；
   • 第二步：初始化项目

npm init

• 第三步：安装

npm i babel-cli babel-preset-env browserify -D

• 第四步：使用babel转换

npx babel js（js目录） -d dist/js（转化后的js目录） --presets=babel-preset-env

• 第五步：打包

npx browserify dist/js/app.js -o dist/bundle.js

• 第六步：在使用时引入bundle.js

3. npx

npx详细使用 – 简书 (jianshu.com)