草庐IT

gulp-babel

全部标签

javascript - 如何在 gulpfile.js 中使用 babel-polyfill

在Babel中docs他们只是说要包含import"babel-polyfill";以便我可以使用ES6生成器,但是在我将该行包含在我的gulpfile.js中之后,我仍然会生成一个异常:UncaughtReferenceError:regeneratorRuntime未定义这是我的gulpfile.jsimport'babel-polyfill';vargulp=require("gulp"),babel=require("gulp-babel"),concat=require('gulp-concat'),rename=require('gulp-rename'),uglify=r

javascript - Babel plugin-proposal-decorators 没有按预期工作

我在我的package.json中添加了这两个devDependencies:"@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-proposal-decorators":"^7.1.6",在.babelrc文件中,我将它们添加为插件:{"presets":["module:metro-react-native-babel-preset"],"plugins":[["@babel/plugin-proposal-decorators",{"legacy":true}],["@babel/plugin-pro

javascript - Gulp 3 - 使 js 文件比普通文件大 3 倍

gulp和js文件缩小有问题,gulp使文件大3倍。例如lightgallery.min.js-49kb(从GitHub下载)然后我通过npm下载相同的文件并在js文件中需要(如果我从github插入下载的文件内容相同)global.lightgallery=require('lightgallery');然后运行​​gulp它使文件133kbGULP任务gulp.task('scripts',function(){gulp.src(SOURCEPATHS.jsSource).pipe(browserify()).pipe(uglify()).pipe(rename({extname:

javascript - Gulp Concat 没有输出文件

我正在尝试使用gulp的连接模块连接我的js文件。我的js文件的项目路径是:project/public/js/vendor/。在vendor中是我使用的所有插件,我想将它们连接到一个文件中我使用以下代码来执行我的任务。vargulp=require('gulp'),concat=require('gulp-concat');gulp.task('scripts',function(){returngulp.src('./vendor/*.js').pipe(concat('global.js')).pipe(gulp.dest('concat/'));});gulp.task('de

javascript - Gulp 复制 HTML 并粘贴到不同的文件

是否可以使用Gulp复制HTML的一部分(而不是整个文件)并将其注入(inject)到不同的文件中?我找到了类似https://www.npmjs.com/package/gulp-html-replace的包和https://www.npmjs.com/package/gulp-inject-string但他们实际上不能复制HTML。 最佳答案 从不建议使用正则表达式处理HTML,并且有很多反对意见(1、2、3)。处理HTML源代码的最流行和最可靠的方法是构建源代码的文档模型。JSDOM,是一个提供良好DOM构造API的node.

javascript - `es2016` 预设的 Babel 是否实现了尾调用优化?

我使用以下示例来测试Babel和es2016预设的尾调用递归:'usestrict';try{functionr(n){if(n%5000===0)console.log(`reachedadepthof${n}`);r(n+1);}r(0);}catch(e){if(!(einstanceofRangeError))throwe;elseconsole.log('stackblown');}我的package.json文件是:{"name":"tail-call-optimization","version":"1.0.0","description":"","main":"inde

javascript - 为什么 ES6 代码和 ES5 代码用 Babel.js 编译后结果不一样?

ES6代码:letfoo='outer';functionbar(func=x=>foo){letfoo='inner';console.log(func());}bar();//outer结果是“外部”。Babel.js编译后的ES5代码:'usestrict';varfoo='outer';functionbar(){varfunc=arguments.length结果是“外部”。我不知道为什么他们有不同的结果。 最佳答案 这是一个buginBabel.复杂参数列表中的表达式应该看不到函数体中的声明,但是这里Babel生成的代码

javascript - 如何在 Jest 中禁用 Babel 集成?

我有一个项目,它的代码同时针对浏览器和节点。它有用于浏览器代码的.babelrc文件。但是当我使用Jest运行节点代码测试时,它总是读取不需要的.babelrc文件。所以我可以以某种方式禁用它? 最佳答案 您需要为您的节点测试创建一个额外的Jest设置文件。在此文件中,将transform设置为一个空对象。要使用此文件,您需要使用指向您的节点jest设置的--config选项调用jest。 关于javascript-如何在Jest中禁用Babel集成?,我们在StackOverflow上

javascript - 当 process.env.NODE_ENV= ='production' 时,使用 babel-polyfill 在 IE11.0.9600 中未定义 fetch 和 Headers

当process.env.NODE_ENV=='development'-没问题!但是我们的生产构建在IE11(11.0.9600)中失败了。在chrome55中一切正常。开发依赖:...babel-core:"6.22.0",babel-eslint:"^7.0.0",babel-loader:"^6.2.5",babel-preset-env:"^1.5.2",babel-preset-es2015:"^6.16.0",babel-preset-es2016:"^6.22.0",babel-preset-es2017:"^6.16.0",babel-preset-react:"^6

javascript - gulp typescript 时出现 TypeError

执行Typescript转译时出现以下错误:TypeError:file.isSymbolicisnotafunctionatDestroyableTransform.normalize[as_transform](D:\project\node_modules\vinyl-fs\lib\dest\prepare.js:31:15)atDestroyableTransform.Transform._read(D:\project\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_transform.js:182