zoukankan      html  css  js  c++  java
  • 在windows命令行下安装和使用babel(es6to5)

    在自己的目录下新建一个babel-test/目录
    进入这个目录
    1. 安装babel命令和转换库:
         npm install babel-cli
         npm install babel-preset-es2015
     
    2. 在当前目录下新建文件夹: .babelrc
    在文件夹中写入:
    {
      "presets": ["./babel-preset-es2015"]
    }
     
    3. 新建一个文件example.es6,内容如下:
    import $ from 'jquery'
     
    export class MyClass {
        constructor(name = 'nobody') {
            this.name = name;
        }
        getMyName() {
            return this.name;
        }
    }
     
    4. 安装缺少的相关库
    npm install ansi-regex ansi-styles escape-string-regexp has-ansi left-pad number-is-nan strip-ansi supports-color line-numbers
    执行代码:
    babel example.es6 -o example.js
    如果还报错提示缺少模块:xxx-xxx
    则安装它
    npm install xxx-xxx
     
    5. 大功告成
    然后,在当前目录下,通过babel命令将es6代码转换成es5的代码了!
    文件转化示例:
    babel example.es6 -o example.js
    文件夹转化示例:
    babel -d example-es5/ example-es6
     
    2015.12.1 yaoel
    我的联系方式:yaoel@outlook.com
     
    参考:
  • 相关阅读:
    PHP
    PHP
    PHP
    PHP
    PHP
    MySQL
    PHP
    PHP
    PHP
    linux 用户及用户组管理
  • 原文地址:https://www.cnblogs.com/yaoel/p/5011484.html
Copyright © 2011-2022 走看看