zoukankan      html  css  js  c++  java
  • Hbuilder中添加Babel自动编译

    [说明:转载请标明出处。]

    Hbuilder是一个不错的H5开发IDE。

    Babel是EMCAScript最新标准的编译器,很多ES的最新特性都可以在Babel中尝试。

    如果可以有办法在Hbuilder中直接使用ES6,并通过Babel自动转化为ES5,那么对于使用ES6+Hbuilder进行开发调试将会非常方便。

    简单做了些配置,可以通过以下步骤达到目的。

    1. Hbuilder配置 - 打开ES6

    2. 安装NPM
      1. 下载NPM安装
      2. 通过NPM安装babel-cli

        npm install --global babel-cli

      3. 安装babel preset

        npm install --global babel-preset-env

    3. 配置Hbuilder中的预编译器设置

      根据实际情况,填写以上信息。

    4. 测试JS文件保存,自动生成babel转换后的JS代码

        每次项目中的JS文件保存后,都会将编译后的代码文件放在项目中dist/下。

    以上步骤,在windows环境下验证。

  • 相关阅读:
    Emacs教程
    华为上机测试 2015
    奇偶排序
    C语言中的EOF和回车不一样
    jquery 使用方法
    1116
    1115
    1109
    Oracle14~23
    get与post的区别
  • 原文地址:https://www.cnblogs.com/daition/p/7750290.html
Copyright © 2011-2022 走看看