ES6 搭配 babel

前言:  百度 ES6搭配babel时,会出现很多的文章,但是大部分都会提到构建工具,让人看的非常头晕,由于我并不需要构建工具,只是单纯的想要将ES6代码使用babel转换成ES5,所以在感叹网上资料虽然比较容易获取,但是想要获取自己想要的内容还是得要进行一些筛选,尤其是对于初学者来说!

- 首先电脑默认安装了node执行环境

- 打开gitbash客户端或者电脑上面的命令行工具,进入到项目指定目录

- 输入 npm init 一路 回车后应该会生成 一个package.json文件

- 创建一个 .babelrc 文件,在里面输入 {"presets": ["es2015"]}  

- npm install babel-preset-2015 --save-dev

这些工作都搞定后, 在命令行输入 bable  test.js  -watch -o test.boundle.js      (test.js es6文件  test.boundle.js 转码后的文件)

就可以实时监控 test.js文件的变化了, 但是经常在命令行输入这么长的字符很容易错, 所以我们可以利用 packjson.json里面的scripts属性

在里面配置这样一个key即可   scripts: {"build": "babel test.js -watch -o test.boundle.js"}

posted @ 2017-07-12 10:37  大饼脸闹闹  阅读(173)  评论(0)    收藏  举报