babel6

2018-12-11  本文已影响0人  琉璃_xin

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代码。

上一篇 下一篇

猜你喜欢

热点阅读