首页 > TAG信息列表 > babeljs

ast babeljs --2( 数组替换)

      https://www.cnblogs.com/gaoyongjian/p/13246736.html     // 将js代码转换成AST const { parse } = require("@babel/parser"); // 用来遍历AST中的节点 const traverse = require("@babel/traverse").default; // AST转换成js const generator = require("@

ast babeljs

    安装包 cnpm install @babel/parser cnpm install @babel/traverse cnpm install @babel/types cnpm install @babel/generator   @babel/parser 将js代码转换成ast@babel/traverse 遍历ast中的节点 @babel/types 判断节点类型和生成新的节点等@babel/generator 把ast

javascript-Gulp中的Babel对象分配插件

我想将此插件https://github.com/babel-plugins/babel-plugin-object-assign与https://github.com/babel/gulp-babel一起使用.知道如何设置吗？解决方法:类似于文档中所示： babel({plugins: ['object-assign']})

Javascript-使用ES6导入JSNLog的正确语法是什么？

我似乎无法弄清楚如何将JSNLog导入基于ES6(Babel)的Aurelia项目.我试过了： import 'jsnlog'; // JL is undefined import JL from 'jsnlog'; // JL is {} import {JL} from 'jsnlog'; // JL is undefined 如果很重要,我了解到jsnlog.js文件是从打字稿源生成的.解决

javascript-调用带有默认参数的异步函数作为用于检查是否同步的参数的函数？

我在调用时使用异步函数和默认参数进行评估. 使用默认参数时,我使用一个函数来检查是否提供了值. function mandatory(paramName) { throw new Error(`Missing parameter: ${paramName}`) } async function foo({ a, b = mandatory('b') }) { return Promise.resolve(b)

javascript-如何使用rollup.js将所有依赖项嵌入到一个胖目标包中？

如果所有依赖项都应嵌入(fat)结果包中,那么我必须如何配置rollup.js(=配置文件“ rollup.config.js”)(尤其是：如何配置汇总参数“ globals”,“外部”,“ plugins.babel.exclude”)？ 假设我做了类似的事情： > npm install dependency1 --save-dev > npm install dependency2 --save-

javascript-从Babel 5迁移到6时出错(ReferenceError：未定义导出)

我正在使用Gulp和Babel将客户端es6代码编译为es5.升级后,我在浏览器中收到此错误： 未捕获ReferenceError：未定义导出 发生此错误的原因是Babel将我的客户端脚本编译为CommonJS模块,并在每个文件的开头添加以下行： Object.defineProperty(exports, "__esModule", { // <-- ReferenceEr

javascript-ES6调用super()不能正确初始化父类

我有以下代码结构,我尝试通过调用super()来初始化父类,但是当我调用this._init()时,它将调用子项之一.任何帮助我该如何解决？ class Parent { constructor() { console.log('P constructor()'); this._init(); } _init() { console.log('P _init()'); thi

javascript-Jest中的动态导入产生：SyntaxError：意外的令牌导入

目前尚无法解决这些错误,Jest抱怨这样的动态导入： const importModules = Promise.all([ import('containers/HomePage/reducer'), import('containers/HomePage/sagas'), import('containers/HomePage'), ]); 错误信息： F:\react-boilerplat

javascript-为什么我的快速测试未通过？

我正在尝试使用Node / Express设置服务器,并希望能够编写ES6,所以我正在使用babel. 现在,服务器正在运行,我能够发出所需的请求,但是我想为此进行测试,以防万一需要进行任何修改.由于我无法确定的原因,测试失败. 这是我的代码, App.js： import express from 'express'; import body

javascript-通过解构从对象中删除键的不变性

我有一个具有简化结构的对象,如下所示： state = { todo: { 1: {text: 'Buy apples'}, 2: {text: 'Buy milk'} } } 如果我想删除待办事项的不变性,根据Stack Overflow上的其他答案,我可以分解待办事项的列表： const idToDelete = 2 let { [idToDelete]: deleted,

javascript-找不到模块：错误：无法解析’font-awesome’

ERROR in multi axios font-awesome history material-ui prop-types react react-bootstrap react-dom react-foundation react-redux react-router react-router-dom recharts redux redux-saga Module not found: Error: Can’t resolve ‘font-awesome’ in ‘/Users/user

javascript-传播语法以删除

我不会删除一把钥匙.看看这个 console.log(state); 我得到{1：{这里是下一个对象}}, 下一个 const { 1: deletedValue, ...newState } = state; console.log(newState); console.log(state); 我得到 {1: {here is next object}} {1: {here is next object}} 删除无效.我不理解

在Javascript ES6中使用Chai(或Should)声明数组(使用Babel)

我正在尝试测试一个数组,例如： let projects = [ { "id": "55a75be01fa2c7ff76a2ce7a", "title: "Only-Ben", "other_keys": "that can contain objects or arrays" }, { "id

javascript-当Babel已经使用Object.create(superClass.prototype)时,为什么Babel使用setPrototypeOf进行继承？

将以下代码发布到Babel REPL中 class Test { } class Test2 extends Test { } 你得到这个继承功能 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression mu

javascript – 脚本标记文本/ babel变量范围

首先,我理解text / babel不是用于制作,但我发现它对于开发非常有用,因为当我对我的.jsx文件进行更改时,django的dev webserver将重新加载而无需我做任何事情(即将JSX编译为每次改变后的JS). 我不能控制构建环境(例如django),因为这是一个我不开发的大型系统的小插件. 问题是这样的：

javascript – 是否可以在ES6继承的类中调用超级setter？

我想知道以下是否符合ES6规范： class X { constructor(name) { this._name = name; } get name() { return this._name; } set name(name) { this._name = name + "X"; } } class Y extends X { constructor(name) { super(name); } set

javascript – 我可以预先声明变量以解析对象的分配吗？

参见英文答案 > object destructuring without var                                    2个 背景 当我尝试使用数组解构赋值时,我能够预先声明我的变量： let a, b, c; let arr = [1, 2, 3, 4, 5]; [a, b, c] = arr; console.log(a) // logs

javascript – 使用browser.js的Babel,获取Uncaught SyntaxError：无效的正则表达式

我正在尝试使用browser.js脚本在Chrome中使用Babel. 我根据节点安装创建了一个指向node_modules目录的符号链接,因此我可以访问browser.js 我将脚本添加为： 我在我的控制台中收到以下错误： 未捕获的SyntaxError：无效的正则表达式：/ [ªÂÂÂÂÂÂÂÂÂÂÂÃÂ-Ã-Ã-öø-Ë

javascript – 导出默认和声明anon功能的所有功能

这是我想要做的事情的一个例子,目前抛出一个错误.我不确定我理解为什么,但导出,分配默认值以及在一行上分配变量在语法上是不正确的.使它成为一个匿名函数的好处是我可以使用胖箭头=>并使用(和)打开返回值,而不是打开{和}来返回jsx. export default let Checkbox = (props) => (

javascript – ES6`fetch未定义

我正在用ES6和Babel建立一个网站. 在脚本文件中,我需要对服务器上的服务进行ajax调用.为此,我这样做： fetch('url').then( response => response.json() ).then( supervisoryItems => doSomething(supervisoryItems) ) 在谷歌浏览器中这可以正常工作,但它不适用于Firefox

javascript – 在React Native中使用async / await时出错

当试图在react-native中使用async / await时,我收到以下错误： uncaught error Error: SyntaxError: /Users/senthilsivanath/Documents/MusicTulip/index.ios.js: Unexpected token (50:23) 48 | renderScene: function(route,nav) { 49 | try { 50 | con

javascript – ECMAScript 6在对象解构中传播语法.支持TypeScript和Babel

以下是有效的ECMAScript 6吗？ 它似乎得到了Babel的最新版本的支持,但它不是由TypeScript支持的.我找不到处理这种情况的任何ES6参考. var a = { foo : 'foo' }; var b = { ...a }; 解决方法:不,这不是有效的ECMAScript 6. ES6仅支持函数参数和数组解构中的rest语法,并在函数调用和

javascript – 在Node 6中使用带有Babel的async / await

我正在尝试为Node v6.9.2配置Babel.我想使用async / await结构. 因为我是Babel和所有Node基础架构的新手,所以我很困惑如何正确配置它： >我应该使用什么预设？ Node已经实现了大部分ES6功能.因此,出于性能原因,我不希望Babel转换Node 6.9.x已经支持的功能(箭头功能,新导入机制等). >我

搜索引擎索引如何为REACT等JavaScript Web应用程序工作？

我打算为我的应用程序实现react.js.由于我是新手,我有一个疑问,谷歌将如何索引反应组件？ 在谷歌搜索中使应用程序正确可见所需的最佳实践是什么. 任何人有任何想法请帮助我.解决方法:所以我可以肯定地说,我已经通过API调用获得了一个反应SPA,以便在googlebot(Fetch和Render)中完美呈