1、新建一个项目，安装babel cli：npm install --save-dev babel-cli
2、添加编译脚本
在package.json文件下按照如下格式添加：
{
"name": "my-project",
"version": "1.0.0",
+ "scripts": {
+ "build": "babel src -d lib"
+ },
"devDependencies": {
"babel-cli": "^6.0.0"
}
}
3、添加.babelrc配置文件
先安装npm install babel-preset-env --save-dev插件，然后将一下内容添加到.babelrc文件中
{
"presets": ["env"]
}
4、编译文件
使用npm run build即可使用babel编译es2015文件
1. JSX 为了在代码中使用JSX和ES2015的特性，我们需要安装Babel。Babel是React社区广泛使...
1、新建一个项目，安装babel cli：npm install --save-dev babel-cli 2、添...
1、babelBabel是一个编译器，能将ES2015+的代码转换正ES2015。babel的核心概念就是利用一系...
ES2016学习 BabelJS Learn ES2015 阮一峰 ES6标准入门 Babel使用 上面代码是在全...
Bable简介 Babel可以把JSX语法编译成JS语法，使得写 UI代码更加方便。 不使用Babel： 使用Ba...
本节我们来学习如何安装 Babel。安装 Babel 后我们就可以将使用 ES2015 + 语法的 JavaScr...
本节我们来学习如何安装 Babel。安装 Babel 后我们就可以将使用 ES2015 + 语法的 JavaScr...
作者： 多巴胺 一、Babel 是什么 Babel 是一个可以将 使用ES2015+语法的代码 编译成 向后兼容 ...
问题说明： 在使用压缩工具压缩并内置babel将ES2015转换成ES5打包js时，代码出现问题，代码简化后问题如...
1. 后编译介绍 目前大部分的前端项目开发都是使用es6+的代码并且使用babel进行编译，而传统的对代码包的引入...
本文标题：使用Babel编译es2015代码
本文链接：https://www.haomeiwen.com/subject/nisqzttx.html
网友评论