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"}

浙公网安备 33010602011771号