草庐IT

gulp-rev

全部标签

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}))})当它运行时,它完成了一部分,但随后任务在所有文件被处理之前完成。如果我将它们通过管道传输到目的地,它工作得很好,但我不想将文件复制到任何地方。有没有办法将这些文件通过管道传输到黑洞中以

javascript - Gulp clean/del 行为已经改变

我的gulpfile.js的一部分constdel=require('del');constchrome_dir='build/chrome';constff_dir='build/firefox';gulp.task('clean',function(cb){del([chrome_dir,ff_dir],cb);});gulp.task('default',['clean'],function(){gulp.start('buildpackages','JSBackend','i18n','ExtRes','styles','JSContent','templates');});效

javascript - Gulp TypeError : dest. on is not a function

我正在尝试使用Gulp任务生成bundle.js文件vargulp=require('gulp'),gutil=require('gulp-util'),wrench=require('wrench'),conf=require('./webpack.config'),webpack=require('webpack'),WebpackDevServer=require('webpack-dev-server');//Webpackgulp.task('wp',function(){returngulp.src('./assets/scripts/entry.js').pipe(web

javascript - gulp-babel 不产生任何输出文件或不能正常工作

我正在开发一个JS库,我想将所有用ES6编写的javascript代码转换为ES5标准,以便在当前浏览器中获得更多支持。问题是我想在Gulp任务中使用Babel,所以我安装了所有这些NPM包[package.json]:"devDependencies":{"@babel/core":"^7.1.2","@babel/preset-env":"^7.1.0","babel-cli":"^6.26.0","gulp":"^3.9.1","gulp-babel":"^8.0.0","gulp-concat":"^2.6.1","gulp-sourcemaps":"^2.6.4","gulp