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 中添加了:
5、type nul>.babelrc 【在跟目录下生成文件.babelrc】
6.在 .babelrc 文档中写入:
{
"presets":["es2015"],//或者 "presets":["latest"]
"plugins":[]
}
其中presets是规则,plugins是插件支持。
7,在项目目录下创建:src文件夹和lib文件夹
8、在package.json 中添加 "build":"babel src -d lib" 【将src里边的es6文件转换成es5文件并保存在lib文件夹】
9、在src文件下创建一个 main.js ,然后运行 npm run build 会发现lib文件下产生了main.js 文档
以上就是整个过程,其中参考了:https://blog.csdn.net/qq_36205856/article/details/81175400
https://www.jianshu.com/p/e46a4b4cbe65
https://www.jianshu.com/p/b9bd2ec9ec80
这三篇文档