目前大部分浏览器支持ES6,但支持程度不一。但程序最好能采用最新标准进行编写。因此可以使用Babel 转码器,将 ES6 代码转为 ES5 代码,从而在现有环境执行。不用担心采用ES6引起的浏览器不兼容问题。
Babel 安装配置可以直接参考https://babeljs.io
项目的根目录下创建.babelrc
cd ProjectPath
touch .babelrc安装转码规则
最新转码规则
npm install –save-dev babel-preset-latest
react 转码规则
npm install –save-dev babel-preset-react
不同阶段语法提案的转码规则(共有4个阶段),选装一个
npm install –save-dev babel-preset-stage-0
npm install –save-dev babel-preset-stage-1
npm install –save-dev babel-preset-stage-2
npm install –save-dev babel-preset-stage-3安装CLI
cd ProjectPath
npm install –save-dev babel-cli babel-preset-env将已经安装好的转码规则配置到.babelrc中
{
“presets”: [“env”]
}改写package.json
"scripts": { // ... "build": "babel src -d lib" },
注意:如果没有src文件夹或者只要转某个文件,修改以上babel命令即可
6.npm run build