es6转es5_es6转es5插件

es6转es5_es6转es5插件步骤初始化环境npminit-y首先安装babel组件npminstall@babel/cli@babel/core@babel/preset-envbabel-plugin-transform-es2015-modules-umd-D配置babel,.babelrc(babel配置文件){“presets”:[“@babel/preset-env”],”plugins”:[“transform-es2015-modules-umd”]}

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

步骤

初始化环境

npm init -y

首先安装babel组件

npm install @babel/cli @babel/core @babel/preset-env babel-plugin-transform-es2015-modules-umd -D

在这里插入图片描述
配置babel,.babelrc(babel配置文件)

{
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": ["transform-es2015-modules-umd"]
}

package.json中添加babel命令

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "babel": "babel es6.js -o es5.js"
  },

配置完成之后,执行命令即可

npm run babel

效果

根目录下的es6.js

export class A {
  a = 0
  constructor(v = 1) {
    this.a = v
  }
  getA() {
    return this.a
  }
  setA(v) {
    this.a = v
  }
}

const a = new A()
a.setA(10)
console.log(a);

执行npm run babel后,根目录生成es5.js

"use strict";

(function (global, factory) {
  if (typeof define === "function" && define.amd) {
    define(["exports"], factory);
  } else if (typeof exports !== "undefined") {
    factory(exports);
  } else {
    var mod = {
      exports: {}
    };
    factory(mod.exports);
    global.undefined = mod.exports;
  }
})(void 0, function (exports) {
  "use strict";

  Object.defineProperty(exports, "__esModule", {
    value: true
  });

  function _classCallCheck(instance, Constructor) {
    if (!(instance instanceof Constructor)) {
      throw new TypeError("Cannot call a class as a function");
    }
  }

  function _defineProperties(target, props) {
    for (var i = 0; i < props.length; i++) {
      var descriptor = props[i];
      descriptor.enumerable = descriptor.enumerable || false;
      descriptor.configurable = true;
      if ("value" in descriptor) descriptor.writable = true;
      Object.defineProperty(target, descriptor.key, descriptor);
    }
  }

  function _createClass(Constructor, protoProps, staticProps) {
    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
    if (staticProps) _defineProperties(Constructor, staticProps);
    return Constructor;
  }

  function _defineProperty(obj, key, value) {
    if (key in obj) {
      Object.defineProperty(obj, key, {
        value: value,
        enumerable: true,
        configurable: true,
        writable: true
      });
    } else {
      obj[key] = value;
    }

    return obj;
  }

  var A = exports.A = function () {
    function A() {
      var v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;

      _classCallCheck(this, A);

      _defineProperty(this, "a", 0);

      this.a = v;
    }

    _createClass(A, [{
      key: "getA",
      value: function getA() {
        return this.a;
      }
    }, {
      key: "setA",
      value: function setA(v) {
        this.a = v;
      }
    }]);

    return A;
  }();

  var a = new A();
  a.setA(10);
  console.log(a);
});

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/189647.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月11日 下午4:15
下一篇 2026年3月11日 下午4:43


相关推荐

  • netty 释放bytebuf_python高性能框架

    netty 释放bytebuf_python高性能框架目录一、ByteBuf介绍二、分配方式堆缓冲区直接缓冲区ByteBufAllocatorUnpooled缓冲区三、ByteBuf的操作可丢弃字节可读字节可写字节索引管理查找操作派生缓冲区引用计数工具类资源释放一、ByteBuf介绍网络数据的基本单位总是字节。JavaNIO提供了ByteBuffer作为它的字节容器…

    2026年1月22日
    3
  • 微型计算机对应的英文名,跟中文名匹配的英文名

    微型计算机对应的英文名,跟中文名匹配的英文名相信大多数人们在查找英文名字之时 都会不知所措 不知道到底怎样的英文名字才合适自己 并得到一定的认知与了解 但其实在英文名字中 也会有着与中文汉字有着相同发音的单词 跟中文名匹配的英文名而这些也是大家可以运用且借鉴的地方 从而得到即与自身贴切 又让他人有着一定的记忆点的英文名字 如 大家可以借助于英文名跟中文名发音一致来查找匹配的英文名字 或可以根据英文名与中文名局部发音一致 以及借助中文名直接音

    2026年3月17日
    2
  • 浅谈搜索引擎技术原理与架构设计_小米商城搜索引擎架构

    浅谈搜索引擎技术原理与架构设计_小米商城搜索引擎架构搜索引擎是我们非常熟悉的互联网产品,上网都离不开搜索,毫无疑问,在pc端,是多数流量的入口。大家都会说,“有问题,百度一下”,当初百度靠这句广告语,打开了国内很大的市场。曾经看过一个百度员工写的段子:

    2022年8月1日
    11
  • c语言fsync函数,c – 如何在一个流上做fsync?

    c语言fsync函数,c – 如何在一个流上做fsync?不幸的是,查看标准没有提供basic_filebuf或任何basic_[io]?fstream类模板,以允许您提取底层的操作系统文件描述符(以fileno()为CstdioI/O的方式).也没有一个open()方法或构造函数将这样的文件描述符作为参数(这将允许您使用不同的机制打开文件并记录文件句柄).有basic_ostream::flush(),但是我怀疑这实际上并不调用fsyn…

    2022年5月23日
    42
  • Webservice工作原理及实例

    Webservice工作原理及实例WebService 工作原理一 WebService 基本概念 WebService 也叫 XMLWebServic 是一种可以接收从 Internet 或者 Intranet 上的其它系统中传递过来的请求 轻量级的独立的通讯技术 是 通过 SOAP 在 Web 上提供的软件服务 使用 WSDL 文件进行说明 并通过 UDDI 进行注册 XML ExtensibleMa

    2026年3月19日
    2
  • CTFSHOW SSTI篇[通俗易懂]

    CTFSHOW SSTI篇[通俗易懂]文章目录web361web362web363web364web365web366、367web368web369web370web371web372建议大家先看下笔者之前写的模板注入的文章web361payloadname={{().__class__.__mro__[-1].__subclasses__()[132].__init__.__globals__[‘popen’](‘cat/flag’).read()}}web362payload?name={{x.__init__.__glo

    2022年10月19日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号