声明:跟着技术胖学习ES6,此处是在记录笔记。
原文链接:http://jspang.com/2017/06/03/es6/
前提:电脑已经配置过npm 和cnpm 本文解释并不详细,详情请移步原文。
初始化项目
npm init -y //-y代表全部默认同意
全局安装Babel-cli
npm install -g babel-cli
本地安装babel-preset-es2015 和 babel-cli
npm install --save-dev babel-preset-es2015 babel-cli //babel-preset-es2015 开发者起的名称
新建.babelrc
{
"presets":[
"es2015" //转换形式 vue等也可以写
],
"plugins":[] //插件支持,此处不需要插件,但是要写选项
}
转换命令,ES6转化为ES5的语法
babel src/index.js -o dist/index.js
其他
不想每次都输入babel src/index.js -o dist/index.js 太繁琐 ,可以简化为 npm run build 方法如下:
package.json 文件里
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
更改为
"scripts": {
"build": "babel src/index.js -o dist/index.js" //把常用命令输入在此
},