zoukankan      html  css  js  c++  java
  • es6 babel 安装以及使用

    1,安装好node(需要使用npm包管理工具)

    2,在本地项目路径下npm init,格式化成功后会在项目下生成一个配置文件package.json

    3,本地安装bable npm install --save-dev babel-cli (如需卸载之前的babel使用命令  npm uninstall --global babel-cli),

      安装成功后,devDependencies(依赖)会出现一个"babel-cli": "^6.26.0"(命令行工具,这一步还只能使用命令行工具,并不能进行转译),

    4,安装转译依赖 npm install  --save-dev babel-preset-env(

      安装成功后,devDependencies(依赖)会出现一个"babel-preset-env": "^1.7.0"

    5,在package.json中配置babel ,转译规则需要安装依赖 
      (npm install --save-dev babel-preset-es2015)

    {
      "name": "es6-babel",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "directories": {
        "lib": "lib"
      },
      "scripts": {
        "test": "echo "Error: no test specified" && exit 1",
        "build": "babel src -d lib"
      },
        //添加babel配置
      "babel":{
        //presets 定义转译规则
        "presets":["es2015"]
      },
      "author": "",
      "license": "ISC",
      "devDependencies": {
        "babel-cli": "^6.26.0",
        "babel-preset-env": "^1.7.0",
        "babel-preset-es2015": "^6.24.1"
      }
    }
    

    6,在命令行中调用babel,在package.json 中添加

     "scripts": {
        "test": "echo "Error: no test specified" && exit 1",
        "build": "babel src -d lib"  //把src 下面的所有文件 转译放到lib 文件下面
      },
    

    7,编译es6代码,新建连个文件夹src 和 lib ,因为我们上面命令用的是 babel src -d lib,然后运行编译命令npm run build   就可以看到src 下面的文件被全部编译对应的放在lib文件夹下面,需要使用直接引入lib文件夹下面对应的文件

  • 相关阅读:
    使用 RestSharp 调用 WebAPI 接口
    Android Studio 下载安装目录
    多线程之await/async
    ScriptX进行Web打印
    Sqlserver 查询最新修改过的表、过程和视图等
    SqlServer中的bit类型
    .Net 6
    PDA 使用总结
    SQL Server 发布订阅 发布类型详解
    Profile对象
  • 原文地址:https://www.cnblogs.com/wubaiwan/p/11237422.html
Copyright © 2011-2022 走看看