- 综合排序
- 最热优先
- 最新优先
- 来自专栏子曰五溪
《深入理解ES6》阅读笔记 --- babel
打开这个网站 http://babeljs.io/ 你会看到babel的简单介绍 Babel is a JavaScript compiler，看样子是需要Node.js的支持了。 https://babeljs.io/docs/plugins/preset-env http://babeljs.io/docs/plugins 这两个URL你可以通过Docs -> plugins 如果你对编写插件或preset有兴趣，你也可以阅读 https://babeljs.io/docs/plugins/#plugin-development 或者 https://babeljs.io/docs
61030发布于 2019-06-24 - 来自专栏腾讯IVWEB团队的专栏
【译】JSX 如何生成 HTML 元素？
Converted to plain JavaScript var myElement = React.createElement("h1", null, "WHOA I am some JSX"); 在 babeljs.io by Babel var myElement = React.createElement("h1", { className: "whoa" }, "WHOA I am some JSX"); 在 babeljs.io JavaScript by Babel var name = 'Chris'; var myElement = React.createElement("h1", null, "I am ", name); 在 babeljs.io var myElement = React.createElement("h1", null, "I am ", React.createElement("span", null, name)); 在 babeljs.io
2.7K40发布于 2020-06-28 - 来自专栏Spider篇
Web Spider Babel安装 & Ast抽象语法 - 基本使用
总结 ---- 提示：以下是本篇文章正文内容，下面案例可供参考 一、资源地址 Ast反混淆语法在线网址：https://astexplorer.net Babel官方文档：https://www.babeljs.cn npm install -g @babel/types npm install -g @babel/generator 四、案例操作 1、下面是可以遍历的对象类型网址：https://www.babeljs.cn /docs/babel-types 2、下面是可以替换value的数据类型网址：https://www.babeljs.cn/docs/babel-types#stringliteral 3、read.js
76730编辑于 2023-03-01 - 来自专栏码农小余
最详细、最全面的 Babel 小抄
参考资料 [1] Babel 中文官网: https://www.babeljs.cn/docs/ [2] caniuse: https://caniuse.com/ [3] Babel 插件页面 ://www.babeljs.cn/docs/babel-plugin-proposal-object-rest-spread [5] 配置 Babel: https://www.babeljs.cn [8] @babel/preset-env: https://www.babeljs.cn/docs/babel-preset-env [9] Babel6 到 Babel7 的升级: https ://www.babeljs.cn/docs/v7-migration [10] preset-env: https://www.babeljs.cn/docs/babel-preset-env [11 html,js,console,output [20] try it out: https://babeljs.io/repl#?
1.1K10编辑于 2022-06-16 - 来自专栏前端面试秘籍
React篇(018)-什么是 JSX?
; 这里你可以访问 [Babeljs](https://babeljs.io/repl) 在线体验一下。
27220编辑于 2022-05-12 - 来自专栏我们一无所有，我们巍然矗立
ES6-babel工具的使用
下载与安装 babel简介 当ES6及ES6以后的迭代版本，可能浏览器不支持，或者node环境不完全支持的情况下，使用babel工具将语言降级为ES5，使浏览器可以支持 在线babel工具 https://babeljs.io 用于学习是进行对比、查询 https://www.babeljs.cn babel使用的条件 需要先安装node.js babel下载与安装 创建本地package.json文件 npm init
73830发布于 2020-09-17 - 来自专栏码农小余
通过一个“时髦”的例子学 Babel 插件
/docs/babel-parser [3] @babel/traverse: https://www.babeljs.cn/docs/babel-traverse [4] @babel/types: https://www.babeljs.cn/docs/babel-types [5] @babel/template: https://www.babeljs.cn/docs/babel-template [6] @babel/generator: https://www.babeljs.cn/docs/babel-generator [7] @babel/core: https://www.babeljs.cn /docs/babel-core [8] @babel/types: https://babeljs.io/docs/en/babel-types [9] RFC: https://github.com /docs/en/babel-helper-plugin-utils [12] variabledeclaration: https://www.babeljs.cn/docs/babel-types#
56920编辑于 2022-06-16 - 来自专栏江涛的博客
Babel：下一代Javascript语法编译器
参考文献 babel官网：https://babeljs.io/ @babel/preset-env文档：https://babeljs.io/docs/en/babel-preset-env/ @babel /plugin-transform-runtime:https://babeljs.io/docs/en/next/babel-plugin-transform-runtime.html @babel/ cli文档：https://babeljs.io/docs/en/babel-cli babel配置文件：https://babeljs.io/docs/en/config-files#file-relative-configuration babel环境变量配置：https://babeljs.io/docs/en/options#envname @xxx npm包的解释 About Scope: https://docs.npmjs.com
99230发布于 2020-07-21 - 来自专栏w候人兮猗的博客
令人兴奋的三大新JavaScript ES 2021（ES 12）功能
总结 如果您现在想尝试 ES2021 的这三个新功能，则可以使用以下 Babel 插件： https://babeljs.io/docs/en/babel-plugin-proposal-logical-assignment-operators https://babeljs.io/docs/en/babel-plugin-proposal-numeric-separator 关于 本文首发于 https://www.ahwgs.cn/lingrenxingfendesandaxinjavascript-es
1.1K60发布于 2021-02-02 - 来自专栏iOS122-移动混合开发研究院
【趣味连载】攻城狮上传视频与普通人上传视频：（一）生成结构化数据
【smart-transform】取自 Atom 的 babeljs&coffeescript&typescript 智能转 es5 库 2. 一组勉强算是有规律的分文件夹放置的视频 我依然是象征性的描述下，结构类似于： /videos/树莓派/【smart-transform】取自 Atom 的 babeljs&coffeescript&typescript intent_info.js 大概类似这样： module.exports = { /* 树莓派 */ "smart_transform":"【smart-transform】取自 Atom 的 babeljs intent_info.js，可能变成了这样： module.exports = { /* 树莓派 */ "smart_transform":"【smart-transform】取自 Atom 的 babeljs module.exports = { /* 树莓派 */ "树莓派":"_category", "smart_transform":"【smart-transform】取自 Atom 的 babeljs
1.6K50发布于 2018-01-02 - 来自专栏YuanXin
二：编译ES6
相关资料 polyfill 引入：https://www.babeljs.cn/docs/usage/polyfill/ babel-preset-env 配置：https://www.babeljs.cn
57520发布于 2020-04-20 - 来自专栏WecTeam
负责任地编写Javascript（二）
/docs/en/babel-preset-env [39] 针对现代浏览器: https://babeljs.io/docs/en/babel-preset-env#targetsesmodules [40] loose transforms: https://babeljs.io/docs/en/babel-preset-env#loose [41] 但是，如果你稍后从构建管道中删除 Babel， true&presets=env&prettier=false&targets=&version=7.4.5&externalPlugins= [45] @babel/runtime: https://babeljs.io [47] @babel/preset-env 的 useBuiltIns:“usage”: https://babeljs.io/docs/en/babel-preset-env#usebuiltins [48] @babel/polyfill: https://babeljs.io/docs/en/babel-polyfill [49] 稍微放慢速度: https://en.wikipedia.org
87820发布于 2019-12-16 - 来自专栏快乐阿超
配置Babel高亮插件
我们可以按照官方文档进行配置：https://babeljs.io/docs/en/editors 官方文档列出了对应IDE的配置方式： 例如我这里用vscode演示： 找到vscode搜索该插件
47640编辑于 2022-08-21 - 来自专栏Super 前端
掌握 AST，轻松落地关键业务「技术创作101训练营」
babel-parser 将 Javascript 代码转换为 AST 方法 说明 parse(code, {sourceType: 'module|script', plugins: ['jsx']}) https://babeljs.io 方法 说明 traverse(ast, {XDeclaration (path) {}}) https://babeljs.io/docs/en/babel-traverse babel-types https://babeljs.io/docs/en/babel-traverse 方法 说明 builder: ["operator", "left", "right"] t.binaryExpression AST 示例 创建或修改节点时，可通过 https://www.babeljs.cn/docs/babel-types 进行查看相关方法！！！ t.isBlockStatement(path.node) && isAsyncFuncNode(parentPath.node)) { // 创建 tryStatement https://www.babeljs.cn
1.2K169159发布于 2020-09-20 - 来自专栏魔术师卡颂
React 17.0.0-rc.2带来全新的JSX转换
new-jsx-transform.netlify.app/ 参考资料 [1] 并未包含新特性: /blog/2020/08/10/react-v17-rc.html [2] Babel: https://babeljs.io 2020-08-28 [13] Gatsby 中遇到 error: https://github.com/gatsbyjs/gatsby/issues/26979 [14] v7.9.0: https://babeljs.io /blog/2020/03/16/7.9.0 [15] @babel/plugin-transform-react-jsx: https://babeljs.io/docs/en/babel-plugin-transform-react-jsx [16] @babel/preset-react: https://babeljs.io/docs/en/babel-preset-react [17] importSource 选项: https: //babeljs.io/docs/en/babel-preset-react#importsource [18] eslint-plugin-react: https://github.com/yannickcr
3.2K10发布于 2020-09-28 - 来自专栏前端小叙
vuex在页面中以对象展开运算符形式引入报错解决
babel-plugin-transform-object-rest-spread 下载完插件后在.babelrc添加插件 { "plugins": ["transform-object-rest-spread"] } 插件地址：https://babeljs.io
1K40发布于 2018-04-12 - 来自专栏快乐阿超
vue项目配置可选调用链
写法 有些vue项目没有默认配置，因此只能手动配置 介绍：https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining 安装： cnpm
71510编辑于 2022-08-21 - 来自专栏前端人人
redux reducer 告别 Object.assign 使用 ...state
第三种方式：...state 先要安装一个bable 插件 来自：http://babeljs.io/docs/en/babel-plugin-transform-object-rest-spread/
77120发布于 2018-08-01 - 来自专栏WebJ2EE
【编译技术】：解读 Babel AST Format——01
www.ecma-international.org/ecma-262/6.0/index.html 参考资料2：Directive Add InterpreterDirective Node： https://babeljs.io ecma-262/6.0/index.html#sec-directive-prologues-and-the-use-strict-directive 参考资料3：Decorator https://babeljs.io
82761发布于 2020-10-26 - 来自专栏coding for love
3-11-12 使用 babel 处理 es6 语法
在 webpack 中使用 babel 如何在 webpack 中使用 babel 呢，我们打开https://www.babeljs.cn/setup ? 为了解决这个问题，需要引入另一个库https://www.babeljs.cn/docs/babel-polyfill ： npm install --save @babel/polyfill 记住这里是 webpack-babel-loader docs-babel-core @babel/preset-env useBuiltIns 说明 babel-loader https://www.babeljs.cn
81220发布于 2020-02-19
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号