vue.js - es6代码,如何查看babel 转换为ES5之后的结果?
这样一段ES6的代码,
如何查看babel 转换为ES5之后的结果?
class Person {}
function f(cls) {
return class Student {};
}
console.log(f(Person));
- 在这个网站 demo
如何配置 babel将代码转为es5 - 有没有其他playground 能查看转换后的结果
===================
共有1个答案
用 @babel/cli 就可以了。
如果你只想学习 ES6 转换 ES5，那么用 esbuild 可能更简单：https://esbuild.github.io/
-
问题内容： 我是Webpack的新手。我想我做错了。我想使用babel将ES6函数转换为ES5函数。因此，我做了一些研究，发现了babel- loader。但是，我不确定自己在做什么。 我运行npm install babel-loader –save-dev并将其添加到我的package.json中 // package.json // webpack.config.js // app / in
-
本文向大家介绍webpack使用 babel-loader 转换 ES6代码示例，包括了webpack使用 babel-loader 转换 ES6代码示例的使用技巧和注意事项，需要的朋友参考一下 本文介绍了webpack使用 babel-loader 转换 ES6代码示例，分享给大家，具体如下： 查询各个 loader的使用，可以在官网上查询。https://www.npmjs.com （一）安装
-
问题：使用vite搭建了一个js库，具体流程参考这篇文章如何封装一个自己的JS/TS库，并发布到NPM 现在遇到一个问题，我封装的一个方法中使用了空值合并运算符，已经配置了babel转译，但是打包后源码中未将es6转为es5。所以导致我在发布该包后，在其他项目中安装依赖，启动项目一直报错。 具体配置如下： 项目结构： main.js代码： math.js代码 utils.js代码 package.
-
本文向大家介绍详解设置Webstorm 利用babel将ES6自动转码成ES5，包括了详解设置Webstorm 利用babel将ES6自动转码成ES5的使用技巧和注意事项，需要的朋友参考一下 前言：ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。ES6的目标，是使得JavaSc
-
本文向大家介绍详解webpack 配合babel 将es6转成es5 超简单实例，包括了详解webpack 配合babel 将es6转成es5 超简单实例的使用技巧和注意事项，需要的朋友参考一下 今天接触了webpack，第一次使用webpack进行转码，竟然稀里糊涂就成功了，哈哈。 下面附上流程 创建个文件夹，初始化一下，首先全局安装webpack 然后安装babel 在当前文件夹内执行安装，然
-
问题内容： 我有Codepen代码，我正尝试仅使用三个文件index.html，main.js和style.css在网页上复制它们。我尝试将这些脚本加载到HTML文件的head标签上。 但是，它不起作用。我得到的只是这个错误 有什么必要的CDN脚本文件将此反应代码加载到HTML？ 问题答案： 您需要使用脚本来反编译代码，并且需要包含的脚本，使用它们可以正常工作： 它与Codepen配合使用的原因：