使用 Babel 编译es6

1、首先安装Node.js

// 在项目下创建初始化 package.json
$ npm init

2、安装 babel

$ npm install babel-cli --save-dev
$ npm install babel-preset-es2015 --save-dev

3、配置 package.json

{
  "name": "es6demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "babel src -d lib"  //这里配置编译路径: -src 原es6目录  -lib 编译后的es5目录
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.7.5",
    "babel-preset-es2015": "^6.6.0"
  }
}

4、在项目根目录创建 .babelrc 文件,输入以下配置:

// babel es2015
{
   "presets": ["es2015"] 
}

5、src目录下创建您的*.es6文件写es6代码,最后运行编译

$ npm run build

官网文档

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容