在windows 上 Babel的安装

时间:2024-03-20 22:13:10

1、首先创建一个es6的文件,在该目录下运行cmd

2.npm init --y  在项目的目录中生成package.json文件,可以在目录下看到【--y是生成默认值的package.json 】

3、npm install -g babel-cli  安装babel-cli用于命令行转码

4、npm install --save-dev babel-preset-es2015 或者 npm install --save-dev babel-preset-latest  [安装ECMAScript6/2015,安装转码规则]

安装成功,会发现 package.json 中添加了:

在windows 上 Babel的安装

5、type nul>.babelrc 【在跟目录下生成文件.babelrc】

6.在 .babelrc 文档中写入:

{
  "presets":["es2015"],//或者 "presets":["latest"]
  "plugins":[]
}

其中presets是规则,plugins是插件支持。

7,在项目目录下创建:src文件夹和lib文件夹

在windows 上 Babel的安装

8、在package.json 中添加 "build":"babel src -d lib"  【将src里边的es6文件转换成es5文件并保存在lib文件夹】

在windows 上 Babel的安装

9、在src文件下创建一个 main.js ,然后运行 npm run build 会发现lib文件下产生了main.js  文档

在windows 上 Babel的安装

 

在windows 上 Babel的安装

 

以上就是整个过程,其中参考了:https://blog.csdn.net/qq_36205856/article/details/81175400

https://www.jianshu.com/p/e46a4b4cbe65

https://www.jianshu.com/p/b9bd2ec9ec80

这三篇文档