首页 > 其他 > 详细

用babel工具将es6转换成es5

时间:2020-01-13 17:43:29      阅读:98      评论:0      收藏:0      [点我收藏+]

①新建项目:新建一个es6文件夹,es6下有src和dist文件夹,现在我在src下新建一个index.js,里面写一些es6代码,我后面要将src下的es6转到dist中变成es5  

技术分享图片

 

②初始化项目:es6文件夹下打开终端,输入npm init ,一路回车,此时会在src下生成package.json文件

技术分享图片

 

③安装babel工具(安装的过程中会有报错,不要管它):

npm install -g babel-cli

npm install --save-dev babel-preset-es2015 babel-cli

技术分享图片

 

安装完后,package.json中会多了devDependencies选项:

技术分享图片

 

④在es6下新建.babelrc文件,并输入以下代码:

{
    "presets": ["es2015"],
    "plugins": []
}

技术分享图片

 

⑤es6终端下输入转换命令:babel src --out-dir dist

技术分享图片

 

⑥简化转换命令:修改package.json中的别名

技术分享图片

 现在,只需要如下命令就可以编译了:

  npm run build

用babel工具将es6转换成es5

原文:https://www.cnblogs.com/wuqilang/p/12188038.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!