首页 > 其他分享 >ES6-ES11 bable对ES6模块化代码的转换(已过时,仅了解)

ES6-ES11 bable对ES6模块化代码的转换(已过时,仅了解)

时间:2023-03-09 10:45:26浏览次数:46  
标签:ES6 过时 模块化 代码 ES11 bable

原视频

让ES新特性以ES5形式展现

home.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        1. 安装工具 npm i babel-cli babel-preset-env browserify(webpack) -D
        2. 编译 npx babel src/js -d dist/js --presets=babel-preset-env
        3. 打包 npx browserify dist/js/app.js -o dist/bundle.js
     -->
     <script src="dist/bundle.js"></script>
</body>
</html>

标签:ES6,过时,模块化,代码,ES11,bable
From: https://www.cnblogs.com/chuixulvcao/p/17197468.html

相关文章

  • ES6-ES11 ES6的数值扩展
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>数值扩......
  • ES6-ES11 对象方法扩展
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>对象方......
  • ES6-ES11 class中getter和setter设置
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>get和......
  • ES6-ES11 class静态成员
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>静态成......
  • ES6-ES11 ES5构造函数继承
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>对象继......
  • ES6-ES11 Map的介绍与API
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Map</t......
  • ES6新特性
    1.新增了块级作用域(let,const)2.提供了定义类的语法糖(class)3.新增了一种基本数据类型(Symbol)4.新增了变量的解构赋值5.函数参数允许设置默认值,引入了rest参数,新增了箭头函......
  • ES6增加了扩展运算符: ... 三个点是ES几的
    ES6的扩展运算符(spread)是三个点(...)。它好比rest参数的逆运算,将一个数组转为用逗号分隔的参数序列。1、将一个数组转为用逗号分隔的参数序列(把数组中元素展开)。如下:......
  • 如何使用 js 实现一个 ES6 中 class 的 extends 功能 All In One
    如何使用js实现一个ES6中class的extends功能AllInOneextendsclassHuman{constructor(name){this.name=name??'unknown';}getName(){......
  • ES6常见语法
    ECMAScript6.0(也可以称为ECMAScript2015),ECMAScript6.0简称ES6,是语言的标准。出来的时间已经很久了,但是我们在工作中,有时候也不会使用。今天我们就来介绍一下。1、块级......