草庐IT

babel-standalone

全部标签

javascript - 包含了 babel polyfill,但是 forEach 在 IE11 的 NodeLists 上仍然不起作用

我已经让Webpack与Babel一起工作并包括@babel/polyfill,但是当尝试在NodeList上使用.forEach时,IE11仍然抛出SCRIPT438错误.这是我的package.json{..."scripts":{"build:js":"webpack--config./_build/webpack.config.js"},..."browserslist":["IE11","last3versions","notIE我的webpack.config.js:constpath=require('path');constwebpack=require('webpac

javascript - array.find 不适用于 Babel

我正在使用Babel转译我的ES2015代码。但是,它不会为数组翻译find。以下行抛出错误TypeError:options.findisnotafunctionletoptions=[2,23,4]options.find(options,x=>x 最佳答案 使用babelpolyfill。require("babel/polyfill");[1,2,3].find((x)=>x>=2);//=>2参见:Polyfill·Babel或者您可以使用回调。Array.find(arr,回调)Array.find([1,2,3],(x

javascript - 将 env 选项与非 env 选项合并时的 Babel 插件顺序

通天塔plugindocs说:PluginsrunbeforePresets.Pluginorderingisfirsttolast.Presetorderingisreversed(lasttofirst).通天塔.babelrcdocs说:Optionsspecifictoacertainenvironmentaremergedintoandoverwritenon-envspecificoptions.文档没有具体说明它们是如何合并的。我正在使用样板React项目react-slingshot,我想利用类属性转换。该项目使用babel-preset-stage-1,其中包含bab

javascript - 更新 : Errors with postCSS and Babel in Gulpfile

目标我正在更新旧的gulpfile.js,它过去主要用于将我的Sass编译成CSS,但现在我正试图让Gulp执行以下操作:同步浏览器,启动本地主机服务器-完成编译Sass=>CSS-完成使用JSHint显示任何JavaScript错误-完成用Babel编译ES6=>ES6(正在进行中)缩小所有Assets(正在进行中)显示项目文件大小-完成将index.html、style.css和图像部署到S3(工作中)观看文件,在.scss或.html更改时重新加载浏览器-完成问题尝试缩小我的Javascript并创建一个scripts.min.js文件,它不断向每个新的缩小的JavaScript

javascript - 浏览器化 + tsify + babelify; babel 被忽略

我想对我的代码进行browserify、tsify和babelify。Browserify和其他转译器之一可以工作,但它们不能一起工作。Babel似乎只是被忽略了(甚至不读.babelrc)。我有以下gulp代码:constgulp=require("gulp");constbrowserify=require("browserify");constsource=require('vinyl-source-stream');consttsify=require("tsify");constbabelify=require("babelify");functionbuild(){varb

javascript - Babel 和 Browserify/Webpack 混淆

快速提问。我对ES2015(ES6)有点困惑。假设我使用Babel将ES6Javascript编译为兼容当前浏览器的ES5。import/export函数已经在ES6中通过使用Babel提供。那么,当ES6可以为我做这件事时,如果我只是简单地使用它们来捆绑我的模块,为什么我需要像Browserify或Webpack这样的东西呢?无论我走到哪里,我都会看到人们将Babel与Browserify或Webpack结合使用。虽然我知道像Webpack这样的东西可以用于更多,但我想知道是否也可以使用ES6语法来打包文件。我在这里可能完全错了,我可能迷失在2016年的Javascript丛林中,所

javascript - Babel polyfill 和 gulp

我无法使用gulp正确加载babel/polyfill。在我的例子中,Array.from方法是未定义的。但是,如果尝试使用gulp.add(require.resolve("babel/polyfill"))加载browser-polyfill.js,我会得到一个错误"onlyone允许使用babel/polyfill实例”。源代码是正确的,因为我已经用babelbrowser-polyfill.js测试了它。源代码://Lib.jsexportdefaultclassLib{constructor(){varsrc=[1,2,3];this.dst=Array.from(src);

javascript - 需要 Babel "^7.0.0-0",但加载了 "6.26.0"

我已将我的应用程序迁移到babel7beta,除了测试之外,一切似乎都正常。我想我已经阅读了所有内容,但我仍然收到此错误:●TestsuitefailedtorunRequiresBabel"^7.0.0-0",butwasloadedwith"6.26.0".Ifyouaresureyouhaveacompatibleversionof@babel/core,itislikelythatsomethinginyourbuildprocessisloadingthewrongversion.Inspectthestacktraceofthiserrortolookforthefirst

javascript - 使用 babel 转译基于类的 Web 组件

我有一个遵循最新webcomponentsv1classsyntax的简单网络组件,它在Chrome和Firefox/Edge(带有polyfill)中运行良好,但我希望它在IE11中运行,所以我需要转换该类。然而,通过babel运行它会产生不再适用于任何浏览器的代码。是否有任何方法可以使用类语法生成向后兼容的Web组件,或者是否有编写Web组件以获得最大兼容性的首选方法?示例代码-classTestElementextendsHTMLElement{connectedCallback(){this.innerHTML="Testing"}}customElements.define(

javascript - Babel 将 'import' 转译为 'require' ,但 'require isn' t 在 ecma5 中可用

据我了解,使用Babel允许您通过转译在ecma5环境中使用ecma6javascript。但是,当我使用“导入”时,“导入”被转换为“需要”。“require”不是ecma5,需要库“require.js”。因此,您不能在没有附加依赖项的情况下使用“导入/导出”,对吗? 最佳答案 是的,Babel只是为了翻译新的语言特性以与现代javascript引擎兼容。Babel不会编译为require.js模块导入语法。相反,它使用Node.js使用的CommonJS模块语法。因此,您可以直接运行代码,而无需在Node.js中进一步构建依赖