jjzjj

Gulp-sourcemaps

全部标签

javascript - Chrome 中的 ES6 - Babel Sourcemaps 和 Arrow Functions 词法作用域

我在ES6class中有一个函数:classTest{//OmittedcodeforbrevityloadEvents(){$.get('/api/v1/events',(data)=>{this.actions.setEvents(data);});}}Babel将this转换为不同的形式,并生成一个_this变量来控制箭头函数的词法范围。var_this=this;$.get('/api/v1/events',function(data){_this.actions.setEvents(data);});当我在Chrome中使用源映射调试ES6类并在我调用this.actions

javascript - Gulp/Browserify 的 Redux NODE_ENV 错误

我在使用Browserify和Gulp缩小并打包并部署到Heroku的React/Redux应用程序上收到此错误消息。bundle.js:39您目前正在NODE_ENV==='production'之外使用缩小代码。这意味着您正在运行较慢的Redux开发版本。但构建步骤似乎是在NODE_ENV='production'中完成的。我有一个像这样设置环境变量的任务gulp.task('apply-prod-environment',function(){returnprocess.env.NODE_ENV='production';});Heroku上的日志显示ENV正在生产:为了保证ap

javascript - 混合 grunt 和 gulp

在我参与的所有Angular项目中,我一直在使用grunttaskrunner。目前,我找到了一个gulp-protractor-qagulp的插件,可以在测试中即时监视我所有的元素选择器。它擅长它的功能,但现在我必须为另一个构建系统设置一个单独的gulpfile.js配置(我无法在grunt插件中找到合适的替代方案).可以在一个项目中同时使用grunt和gulp构建系统吗?在这种情况下,普遍接受的行动是什么?gulp-protractor-qa只是一个例子。我可以想象,当我在两个构建系统中需要不同的合适插件并且必须做出选择时,这会再次打击我:尝试坐在两把椅子上?

javascript - 使用 gulp-rev 后如何将修订后的文件包含到 .html 中?

所以我在gulp中创建了这个任务:'usestrict';vargulp=require('gulp');vargulpGlobals=require('./_gulp-globals.js');varrev=require('gulp-rev');varrevReplace=require('gulp-rev-replace');gulp.task('gulp-rev',function(){varsources=gulpGlobals.src+'/somefolder/**/*.js';varfileToInject=gulpGlobals.destination+'/somefo

javascript - gulp 网络服务器和 livereload

我的gulp网络服务器有问题。我有这个gulp任务:gulp.task('serve',['watch'],()=>{gulp.src('tmp').pipe(webserver({livereload:true,directoryListing:true,open:true,//defaultFile:'index.html'}));});运行gulpserve时,我在localhost:8000上看到以下屏幕:似乎网络服务器正在为我的项目的根目录提供服务,而不是tmp文件夹,奇怪的是,如果我单击index.html,我将被重定向到http://localhost:8000/inde

javascript - 如何使用对象列表作为 gulp 源流

我知道gulp需要vinyl源流才能正常工作,但是有没有一种简单的方法可以使用已经存在的vinyl文件或json对象而不是众所周知的只需要glob的gulp.src? 最佳答案 经过多次研究,我没有找到解决该问题的好方法,所以我决定与您分享我的解决方案。这个问题分两步解决1:您需要将任何想要通过gulp传输的内容转换为乙烯基文件。可以这样做constVinyl=require('vinyl');varvinyl=newVinyl();vinyl.cwd='/';vinyl.base='/';vinyl.path='/yourfict

javascript - 使用 gulp 生成文件

我有一个项目,其中包含多个名为setup.js的文件,位于我的/src文件夹的各个子文件夹中。我想要一个gulp任务,将所有setup.js文件复制到/dist文件夹并保留子文件夹结构。这部分很简单。棘手的部分是我还想在\dist文件夹中的每个setup.js文件旁边生成一个index.html文件。index.html文件对于所有这些文件将完全相同,只是它需要使用相对于/dist文件夹的路径来引用setup.js脚本。我知道我可以使用类似gulp-template的东西动态呈现html文件,但我不知道如何将setup.js的路径传递给它。而且我不知道如何为每个setup.js创建一个

javascript - 如何在修复文件时连续自动运行 gulp eslint -- 如何设置 watch

我正在尝试使用gulp进行eslint。我已经设置了这样的任务:gulp.task('lint',function(){returngulp.src(['components/myjs.js'])//eslint()attachesthelintoutputtotheeslintproperty//ofthefileobjectsoitcanbeusedbyothermodules..pipe(eslint())//eslint.format()outputsthelintresultstotheconsole.//Alternativelyuseeslint.formatEach()

javascript - runSequence 不适用于 gulp?

runsequence是不是下面的代码不能正常工作?vargulp=require('gulp');vardel=require('del');varbrowserify=require('gulp-browserify');varconcat=require('gulp-concat');varrunSequence=require('run-sequence');varnodemon=require('gulp-nodemon');gulp.task('clean',function(cb){console.log('YOLO1');del(['build/*'],cb);});g

javascript - Gulp:运行没有目的地的任务

我正在尝试做一个简单的任务,使用gulp-size包显示路径数组中每个文件的文件大小,如下所示:vargulp=require('gulp')varsize=require('gulp-size')gulp.task('size',function(){gulp.src(bigArrayOfFilePathsFromAnotherModule).pipe(size({showFiles:true}))})当它运行时,它完成了一部分,但随后任务在所有文件被处理之前完成。如果我将它们通过管道传输到目的地,它工作得很好,但我不想将文件复制到任何地方。有没有办法将这些文件通过管道传输到黑洞中以