ES6--开发(转码)环境搭建

cd到当前es6项目文件夹es6app

1.创建package.json

$ npm init 或者 $ npm init -y

2.本地安装babel-cli脚手架

$ npm install --save babel-cli

3.配置文件.babelrc

直接新建文件命名为.babelrc,存放在项目文件夹根目录。
Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配置这个文件。

3.1 设定转码规则
$ npm install --save-dev babel-preset-latest

或者

$ npm install --save-dev babel-preset-es2015
3.2 设置.babelrc的presets
{
  "presets": [
  'latest'//或者es2015或者env,总之对应自己安装的转码规则,
  ],
  "plugins": []
}

4.设置相应的scripts脚本

package.json中设置,(将src文件夹下的js文件,编译转码到compile文件夹下)

 "scripts": {
    "build": "babel src -d compile"
  },

5.转码运行

$ npm run build

6.转码后文件

例如src/index.js

let a = 1;
console.log(a);

compile/index.js转码成功

"use strict";

var a = 1;
console.log(a);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、ES6 参考 http://es6.ruanyifeng.com/ ECMAScript当前所有提案 Git...
    pifoo阅读 14,044评论 1 13
  • 在 Github 上 Fork 了别人的代码,在 package.json 中看到了很多与 Babel 有关的包,...
    dkvirus阅读 4,640评论 0 3
  • Babel 入门指南 ​:warning: 注意:Babel 可以与很多构建工具(如 Browserify、Gru...
    静默虚空阅读 7,319评论 0 4
  • babel 6与之前版本的区别: 之前版本只要安装一个babel就可以用了,所以之前的版本包含了一大堆的东西,这也...
    _花阅读 5,453评论 0 2
  • 有一天小鸭妞妞走在柔软的草坪上,一不小心掉进了猎人的陷阱里。它仰望着天空绝望极了,心想:难道我就这样等着猎人的到...
    浅浅的童话阅读 4,057评论 0 1