babel6

作者: 琉璃_xin | 来源:发表于2018-12-11 16:20 被阅读0次

babel安装

cnpm install babel -g

然后使用命令babel --help命令行提示
You have mistakenly installed the babel package, which is a no-op in Babel 6.Babel's CLI commands have been moved from the babel package to the babel-cli package.
提示安装babel的命令行工具,babel-cli,安装babel的命令行工具的目的是为了在命令行使用babel

cnpm install babel-cli -g

安装成功后使用babel -V查看版本
6.26.0 (babel-core 6.26.3)

.babelrc配置

babel在转译代码的过程中会自动读取当前目录.babelrc配置文件,如果当前目录没有的话就遍历整个目录树去寻找,直到找到.babelrc文件或者含有"babel"字段的package.json文件,然后使用这些配置选项来转译代码。
1.创建一个.babelrc文件。
2.安装babel-preset-env转译器;通过在.babelrc中配置env选项,可以让代码兼容不同版本的浏览器或者node。浏览器或者node已经支持的语法将不再转译了,不支持的才转译。如果不配置env选项,该转译器等同于babel-preset-latest。

{
  "presets": [
    [
      "env",
      {
        "targets": {
          "browsers": ["last 2 versions", "safari >= 7"]
        }
      }
    ]
  ],
  "plugins": []
}

3.在package.json中配置命令:
build

{
  "name": "tools",
  "version": "1.0.0",
  "description": "",
  "main": "test.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel test.js -o build.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-preset-env": "^1.7.0"
  }
}

即可使用npm run build转译js代码。

相关文章

  • babel6 升级总结

    随着越来越多的库升级至 babel6,将项目升级至 babel6 迫在眉睫。在这里总结将 项目升级至 babel6...

  • babel6

    记录babel6的使用教程(举个栗子): 说明:-----2016/8/20发布第一版;-----1.这里假设你懂...

  • babel6

    babel安装 然后使用命令babel --help命令行提示You have mistakenly instal...

  • babel6配置过程

    babel6配置过程? 只需要下面几个babel插件,就能解析大部分ES方法 1、babel-core //必备的...

  • babel【3】:关于 babel 版本

    1、目前,前端开发领域使用的 Babel 版本主要的Babel6 和 Babel7 这两个版本。 你可能想问,怎么...

  • Using ES6 and ES7 in the Browser

    原文出处 这篇教程是使用Babel6用ES6全攻略系列的一部分,如果你对升级到Babel 6有问题的话,可以先看看...

  • Babel6的学习新姿势

    前言 在学习ES7的时候肯定会使用到Babel,然后就我就找了一些demo来看人家是如何配置Babel的,于是乎,...

  • nodejs + webpack4 + babel6 结合写Ch

    最近任务不忙,有时间了看一下Chrome插件相关的东西,于是想用nodejs + webpack写一个能直出插件的...

  • 【Babel】Babel5和Babel6区别

    时间:2016-08-12 17:04:10作者:zhongxia地址: babel 5.x -> 6.x 的变化...

  • babel6升babel7 出现Object.isSpreadP

    出现原因:babel-plugin-transform-object-rest-spread 依赖版本仍然是6.2...

网友评论

      本文标题:babel6

      本文链接:https://www.haomeiwen.com/subject/nzfehqtx.html