zoukankan      html  css  js  c++  java
  • babel在项目里的使用

    1.手动在项目里创建文件 .babelrc

    2.安装

    $ npm install --save-dev babel-cli
    
    # ES2015转码规则
    $ npm install --save-dev babel-preset-es2015
    
    # react转码规则
    $ npm install --save-dev babel-preset-react
    
    # ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个
    $ npm install --save-dev babel-preset-stage-0
    $ npm install --save-dev babel-preset-stage-1
    $ npm install --save-dev babel-preset-stage-2
    $ npm install --save-dev babel-preset-stage-3

    3.手动修改 .babelrc文件

    {
        "presets": [
          "es2015",
          "react",
          "stage-2"
        ],
        "plugins": []
      }

    4,修改 package.json文件,实现自动化转码,copy的时候请去掉注释

    {
      "scripts": {
        "build": "babel src -d dist"  //这句表示把src目录下的文件自动转码到dist目录下,dist目录是自动创建的
      },  
    }

    4.命令行输入以下命令进行转码

    babel src -d dist
  • 相关阅读:
    0529学习进度条
    0523-学习进度条
    0515-学习进度条
    实验三-进程模拟调度
    0501-学习进度条
    0424-学习进度条
    0422—操作系统作业调度
    0415-同学博客评价
    0414-复利计算再升级
    0409-学习进度条
  • 原文地址:https://www.cnblogs.com/cynthia-wuqian/p/7069110.html
Copyright © 2011-2022 走看看