草庐IT

babel-plugin

全部标签

javascript - 使用 babel-preset-env 将 polyfill 作为导入语句更好,还是将它们添加到 webpack.config.js 的条目中更好?

babel-preset-env提供选项useBuiltIns将其应用于babel-polyfill并将import'babel-polyfill'转换为特定的、基于环境的import'core-js/whatever.如果我在我的Webpack入口部分添加babel-polyfill(参见下面的示例),是否应用此转换,或者在那种情况下useBuiltIns被忽略并替换为所有可能的进口?entry:{app:['babel-polyfill','./src/app.js']} 最佳答案 它在您指定时起作用:"presets":[..

javascript - 脚本标签文本/babel 变量范围

首先,我知道text/babel不适用于生产,但我发现它对开发非常有用,因为当我更改我的.jsx文件时django的开发网络服务器将重新加载,而无需我执行任何操作(即在每次更改后将JSX编译为JS)。我无法控制构建环境(例如django),因为这是我未开发的大型系统的小插件。问题是这样的:$(function(){console.log(mything);}mything在main.jsx中,简单如下:varmything="hello";如果main.jsx是javascript(并且相应地更改了脚本标签的类型)那么这将工作得很好。但是作为text/babel,它不会工作,因为myt

javascript - 如何使用 Babel 正确加载 .eot 和 .woff 文件?

尝试运行我的项目并出现以下错误(您可能需要适当的加载程序来处理此文件类型。)对于.eot、.woff、.ttf和.svg文件:ERRORin./src/styles/fonts/nm/icons/nm-icons.svg?aaf8685e87a6901c76c52d0018389547Moduleparsefailed:C:\BaseProject\src\styles\fonts\nm\icons\nm-icons.svg?aaf8685e87a6901c76c52d0018389547Unexpectedtoken(1:0)Youmayneedanappropriateloader

javascript - 在 Sublime Text 3 上使用 babel-eslint 时 Linting 不起作用

我正在尝试让babel-eslint在Sublime3上工作。我已经安装了:在npm上全局使用eslint和babel-eslintSublime上的SublimeLinter包Sublime上的SublimeLinter-contrib-eslint包此外,我还添加了:"syntax_map":{..."JavaScript(Babel)":"javascript"}到我的SublimeLinter.sublime-settings文件。当我在我的.eslintrc文件上使用"parser":"espree"运行linter时,它工作正常。但是当我将解析器更改为babel-eslin

javascript - Babel [karma-babel-preprocessor] 不为 Karma 测试转换 ES6->ES5

我们已经安装了karma,它使用mocha和chai进行测试。我们正在尝试使用karma-babel-preprocessor将babel直接集成到karma中,以将我们的ES6文件转换为ES5以运行。单独使用mocha与babel一起工作,即mocha测试命令,但我们尝试使用karma而不是它不起作用。karma.conf.js片段:frameworks:['mocha','chai'],//preprocessmatchingfilesbeforeservingthemtothebrowser//availablepreprocessors:https://npmjs.org/br

javascript - Babel 不转译箭头函数 (Webpack)

当运行webpack和babel时,生成的bundle.js仍然包含箭头函数。在InternetExplorer10中运行时,这会给我一个语法错误。我希望babel将箭头函数替换为IE可以运行的正常函数。我的package.json具有以下devDependencies:"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-prese

使用kettle同步全量数据到Elasticsearch(es)--elasticsearch-bulk-insert-plugin应用

背景为了前端更快地进行数据检索,需要将数据存储到es中是一个很不错的选择。由于公司etl主要工具是kettle,这里介绍如何基于kettle的elasticsearch-bulk-insert-plugin插件将数据导入es。在实施过程中会遇到一些坑,这里记录解决方案。可能会遇到的报错:1、NoelasticSearchnodesfound2、不支持ssl认证(用户名&密码)后文提供解决办法es插件配置这里举个简单例子,将mysql的一张表导入到es中: 表输入比较简单就不介绍了,这里讲下es插件的配置。1、先配置index、type,id(可以不设置)  2、配置ip跟port注意:port

javascript - 如何在 "Bootstrap: collapse plugin"转换完成后触发 JavaScript 函数

我正在尝试在Bootstrap之后调整iframe的高度:collapse插件转换完成。Click事件不起作用,因为转换尚未完成,JavaScript获取了错误的高度信息。有解决这个问题的想法吗? 最佳答案 您需要处理折叠插件上的隐藏事件。FromDocshidden-Thiseventisfiredwhenacollapseelementhasbeenhiddenfromtheuser(willwaitforcsstransitionstocomplete).$('#myCollapsible').on('hidden',func

javascript - ECMAScript 6 在对象解构中扩展了语法。支持 TypeScript 和 Babel

以下是有效的ECMAScript6吗?最新版本的Babel似乎支持它,但TypeScript不支持它。我找不到任何处理这种情况的ES6引用资料。vara={foo:'foo'};varb={...a}; 最佳答案 不,这不是有效的ECMAScript6。ES6只支持函数参数和数组解构中的剩余语法,以及函数调用和数组构造中的扩展语法。ItseemstobesupportedbythelatestversionofBabelBabel确实实现了objectRestSpreadES7proposal作为experimentalplugin

Javascript 6to5(现在是 Babel)导出模块的使用

我还是个初学者,我尝试将一个类导出和导入到一个主文件中,另一个类在其他类文件中并使用它们。然后用6to5(现在是Babel)吞噬ES5代码。//filea.jsimportBfrom'b.js';classA{constructor(){B.methodB();}}exportdefaultA;//fileb.jsclassB{methodB(){console.log('hifromb');}}exportdefaultB;//filemain.jsimportAfrom'a.js';newA();我的gulp文件:vargulp=require('gulp');varto5=req