我试图用它自己的json文件在我的gulp源文件中呈现每个文件,但我不知道如何在pipe函数中访问当前文件名。vargulp=require('gulp');varhandlebars=require('handlebars');vargulpHandlebars=require('gulp-compile-handlebars');gulp.task('compile-with-sample-data',function(){varoptions={}returngulp.src('./src/**/*.html').pipe(gulpHandlebars({data:require
我正在使用Gulp创建一个静态站点生成器.我想知道如何将每条数据(JSON)通过管道传输到一个jade模板中以生成多个html文件。这是gulp的"template"任务:gulp.task('templates',function(){'usestrict';varmyData=JSON.parse(fs.readFileSync('./_assets/data/content.json'));varmyPages=myData.pages;varmyPosts=myData.posts;gulp.src('./_assets/templates/index.jade').pipe(
我正在尝试创建一个工作流程,我可以在其中使用TypeScript编写React模块并通过Gulp.js自动编译为JavaScript。我正在使用TypeScript1.6.2、gulp-react和gulp-typescript。我的.tsx文件现在看起来像这样:///importReact=__React;interfaceHelloWorldProps{name:string;}varHelloMessage=React.createClass({render:function(){returnHello{this.props.name};}});React.render(,doc
我正在尝试做这样的事情:gulp.task("test",async()=>{returngulp.src("**/*.scss").pipe(print((filePath)=>`File:${filePath}`));});(打印为gulp-print)但它给出了以下内容:[22:08:43]Starting'test'...[22:08:43]Finished'test'after12ms[22:08:43]File:src\app\styles\app.scss[22:08:43]File:src\app\styles\test.scss即它在打印消息之前完成。我正在使用Gul
我在我的Windows7本地机器上安装了Node.js如下链接所示:install-node-js-npm-windows之后我通过命令行通过这个命令安装了Gulp.js:npminstall-ggulp然后我将此路径添加到环境变量区域:C:\Users\Majid\AppData\Roaming\npm\node_modules\gulp\bin现在,当我尝试通过此命令运行gulp时:gulp我得到了这个错误:WindowsScriptHostLine:1Char:1Error:InvalidcharacterCode:800A03F6Source:MicrosoftJScriptc
我是gulp的初学者。我在gulp.js中创建了一个名为task1的任务,当我尝试在命令行中使用“gulptask1”执行该任务时,它会在括号编辑器中打开gulp.js文件,而不是在命令行中执行。有人可以帮我解决这个问题吗我的gulp文件中的代码是vargulp=require('gulp');varjshint=require('gulp-jshint');varjscs=require('gulp-jscs');gulp.task('task1',function(){returngulp.src(['./src/**/x.js','./*.js']).pipe(jscs()).p
考虑到以下WebpackGulp任务,如何将其与Gulp集成,以便在编译Webpack后将文件通过管道传输到Gulp,以便我可以运行进一步的任务?gulp.task('webpack',function(callback){webpackCompiler.run(function(err,stats){if(err){thrownewplugins.util.PluginError('webpack',err);}plugins.util.log('webpack',stats.toString({colors:true,}));callback();});});gulp.task('
我有一个用Node.js构建的网站。我可以通过从命令行运行nodeserver.js来成功启动和运行站点。然后,我通过在浏览器中访问“http://localhost:3000”来访问该站点。我现在正在尝试改进网站周围的一些构建过程。为此,我依赖Gulp。我想在HTML或CSS文件发生更改时自动重新加载网页。我偶然发现了gulp-livereload插件。我已经按照文档中的描述安装了它。但是,当我在浏览器中访问“http://localhost:35729/”时,我只看到以下内容:{minilr:"Welcome",version:"0.1.8"}我的gulp任务是这样配置的:gulp
在我的gulpfile.js中,JS更改会自动触发BrowserSync重新加载和我的JS处理任务。但出于某种原因,虽然重新加载确实有效,但我的JS任务无法正确处理JS更改并在dist/文件夹中创建新的JS文件。我必须为此重新启动Gulp。为什么?Gulpfile.js:vargulp=require('gulp');varsass=require('gulp-sass');varbrowserSync=require('browser-sync').create();varconcat=require('gulp-concat');varjshint=require('gulp-js
我正在尝试寻找在使用webstorm进行开发期间调试gulp插件的最佳方法。我有一个项目示例和几个gulp插件,我想在终端中运行gulp命令后立即跟踪和检查webstorm中的代码。理想情况下,我想在webstorm中添加debugger语句或断点来跟踪代码执行。 最佳答案 使用这个guide(无耻的self推销)来设置你的配置。然后调试应该按原样工作。此外,您不需要单独从命令行运行gulp,因为webstorm会为您完成。 关于javascript-在使用webstorm开发期间调试g