1.初始化项目
npm init
npm init -y
2.安装转码工具
cnpm install -g babel-cli (全局安装)
3.安装转换规则
cnpm install -g babel-preset-latest
4.指定转换规则 新建.babelrc
{
“presets”:[“latest”]
}
cnpm install --save-dev babel-cli babel-preset-latest
–save-dev表示生产依赖,仅在项目开发时使用的依赖
–save表示产品依赖,在产品上线时也会使用的依赖
babel工具在项目中是在开发阶段使用的工具
jquery工具在项目中是在产品阶段使用的工具
5.将ES6转换为ES5之后的文件输入到另一个文件当中
babel 2-hello.js --out-file 2-helloo.js
6.将整个src目录下的es6文件转换成es5文件到dist目录
babel src --out-dir dist
本文介绍了如何初始化项目并使用Babel工具将ES6代码转换为ES5。首先通过`npm init`创建项目,然后全局安装`babel-cli`和`babel-preset-latest`。接着配置`.babelrc`文件指定转换规则。最后,演示了如何转换单个文件以及整个`src`目录下的ES6文件到`dist`目录,以便于在不支持ES6的环境中运行。
9347

被折叠的 条评论
为什么被折叠?



