Questions tagged «gulp»

我想更新浏览器同步而不更新所有节点包。我该如何实现？我当前的浏览器同步版本没有浏览器同步GUI :( ├─┬ browser-sync@1.9.2 │ ├── browser-sync-client@1.0.2

186 javascript  node.js  npm  gulp  browser-sync 

我正在运行gulp 3.6.2，并具有从在线示例中设置的以下任务 gulp.task('watch', ['default'], function () { gulp.watch([ 'views/**/*.html', 'public/**/*.js', 'public/**/*.css' ], function (event) { return gulp.src(event.path) .pipe(refresh(lrserver)); }); gulp.watch(['./app/**/*.coffee'],['scripts']); gulp.watch('./app/**/*.scss',['scss']); }); 每当我的CoffeeScript gulp手表出现错误时，手表就会停止-显然不是我想要的。 正如其他地方推荐的那样 gulp.watch(['./app/**/*.coffee'],['scripts']).on('error', swallowError); gulp.watch('./app/**/*.scss',['scss']).on('error', swallowError); function swallowError (error) { error.end(); } 但它似乎不起作用。 我究竟做错了什么？ 响应@Aperçu的回答，我修改了swallowError方法并尝试了以下操作： gulp.task('scripts', function () { gulp.src('./app/script/*.coffee') .pipe(coffee({ bare: true })) .pipe(gulp.dest('./public/js')) .on('error', swallowError); …

180 node.js  gulp 

在Windows 7上，我已经按照以下说明安装了gulp：http : //markgoodyear.com/2014/01/getting-started-with-gulp/： npm install gulp -g 在我的应用文件夹中： npm install gulp --save-dev 我创建一个gulpfile.js文件。 但是，当我尝试运行时gulp，出现以下错误消息： module.js:340 throw err; ^ Error: cannot file module 'gulp-util' at Function.Module._resolveFilename (module.js:338:15) 等等 但是gulp-util存在于（在本地应用程序文件夹中）： node_modules gulp node_modules gulp-util 知道可能是什么原因吗？

169 node.js  npm  gulp 

我正在尝试将项目从工作目录暂存到服务器（同一台机器）上。使用以下代码： gulp.src([ 'index.php', 'css/**', 'js/**', 'src/**', ]) .pipe(gulp.dest('/var/www/')); 我希望看到所有文件被复制。但是它使目录结构平坦化-复制所有目录，但每个文件都放在根目录中/var/www Gulp似乎是一个很棒的构建工具，但是复制项目肯定是一个简单的过程吗？

167 deployment  gulp 

我看到人们在Webpack中使用gulp。但是后来我看webpack可以代替gulp吗？我在这里完全困惑...有人可以解释吗？ 更新 最后，我从吞咽开始。我刚接触现代前端，只是想快速起步并运行。一年多以后，现在我的脚已经湿透了，现在可以开始使用webpack了。对于那些穿着相同鞋子的人，我建议使用相同的路线。并不是说您不能尝试使用webpack，而是先说一下是否看起来很复杂，首先从gulp开始...这没错。 如果您不希望吞咽，是的，虽然有些麻烦，但是您也可以在package.json中指定命令，然后从命令行调用它们，而无需任务运行器即可启动并开始运行。例如： "scripts": { "babel": "babel src -d build", "browserify": "browserify build/client/app.js -o dist/client/scripts/app.bundle.js", "build": "npm run clean && npm run babel && npm run prepare && npm run browserify", "clean": "rm -rf build && rm -rf dist", "copy:server": "cp build/server.js dist/server.js", "copy:index": "cp src/client/index.html dist/client/index.html", "copy": "npm …

161 node.js  webpack  gulp 

在gulp项目中使用eslint时，我遇到了这样的错误问题， Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style并且我正在使用Windows环境运行gulp，并且在下面给出了整个错误日志 Kiran (master *) Lesson 4 $ gulp Using gulpfile c:\Users\Sai\Desktop\web-build-tools\4\ gulpfile.js Starting 'styles'... Finished 'styles' after 17 ms Starting 'lint'... 'lint' errored after 1.14 s ESLintError in plugin 'gulp-eslint' sage: Expected linebreaks to be 'LF' but found 'CRLF'. ails: fileName: …

155 javascript  gulp  eslint  line-endings 

在全局匹配中编辑文件时，以下Gulpjs任务可以正常工作： // watch task. gulp.task('watch', ['build'], function () { gulp.watch(src + '/js/**/*.js', ['scripts']); gulp.watch(src + '/img//**/*.{jpg,jpeg,png,gif}', ['copy:images']); gulp.watch(src + '/less/*.less', ['styles']); gulp.watch(src + '/templates/**/*.{swig,json}', ['html']); }); // build task. gulp.task('build', ['clean'], function() { return gulp.start('copy', 'scripts', 'less', 'htmlmin'); }); 但是，对于新文件或已删除文件，它不起作用（不会触发）。有什么我想念的吗？ 编辑：即使使用grunt-watch插件，它似乎也不起作用： gulp.task('scripts', function() { return streamqueue( { objectMode: true }, …

151 javascript  node.js  gulp 

在我的gulp.js文件中，我将所有HTML文件从该examples文件夹流式传输到该build文件夹中。 创建gulp任务并不困难： var gulp = require('gulp'); gulp.task('examples', function() { return gulp.src('./examples/*.html') .pipe(gulp.dest('./build')); }); 但是我不知道如何检索在任务中找到（和处理）的文件名，或者我找不到正确的插件。

138 gulp 

我是新手，一直在研究示例设置。有些人具有以下结构： gulp.task("XXXX", function() { gulp.src(".... 其他人有这个： gulp.task("XXXX", function() { return gulp.src(".... 我想知道src 的收益有何不同？

132 javascript  node.js  gulp 

这是我的gulpfile： // Modules & Plugins var gulp = require('gulp'); var concat = require('gulp-concat'); var myth = require('gulp-myth'); var uglify = require('gulp-uglify'); var jshint = require('gulp-jshint'); var imagemin = require('gulp-imagemin'); // Styles Task gulp.task('styles', function() { return gulp.src('app/css/*.css') .pipe(concat('all.css')) .pipe(myth()) .pipe(gulp.dest('dist')); }); // Scripts Task gulp.task('scripts', function() { return gulp.src('app/js/*.js') .pipe(jshint()) …

125 javascript  gulp 

我正在尝试使用Gulp来： 取得3个特定的javascript文件，将它们连接起来，然后将结果保存到文件（concat.js） 提取此串联文件并对其进行粉碎/缩小，然后将结果保存到另一个文件（uglify.js） 到目前为止，我有以下代码 var gulp = require('gulp'), gp_concat = require('gulp-concat'), gp_uglify = require('gulp-uglify'); gulp.task('js-fef', function(){ return gulp.src(['file1.js', 'file2.js', 'file3.js']) .pipe(gp_concat('concat.js')) .pipe(gp_uglify()) .pipe(gulp.dest('js')); }); gulp.task('default', ['js-fef'], function(){}); 但是，uglify操作似乎无效，或者由于某种原因未生成文件。 我需要怎么做才能做到这一点？

124 gulp 

因此，我重新安装了El Capitan，并为这些任务执行者提供了新的机会。 我正在遵循sitepoint的Gulp.js简介，但是在执行第四步时，我尝试运行时gulp jshint遇到“ Error: Cannot find module 'jshint/src/cli'” 我不知道是什么原因造成的，这就是为什么我在这里问。以下是几个屏幕截图，可帮助解决此问题。 一如既往，我永远感谢您提供任何建议。

117 javascript  terminal  gulp  jshint 

我对任务运行程序和捆绑程序世界有点陌生，在经历诸如 Grunt，Gulp，Webpack，Browserify ，我觉得两者之间并没有太大区别。换句话说，我觉得Webpack可以完成任务运行者所做的一切。但是仍然有大量示例将gulp和webpack一起使用。我不知道为什么。 对此不熟悉，我可能会朝错误的方向前进。如果您能指出我所缺少的内容，那就太好了。欢迎任何有用的链接。 提前致谢。

117 gruntjs  gulp  bundler  browserify  webpack 

我正在使用npm管理ASP.NET Core应用程序所需的jQuery，Bootstrap，Font Awesome和类似的客户端库。 对我有用的方法是将package.json文件添加到项目中，如下所示： { "version": "1.0.0", "name": "myapp", "private": true, "devDependencies": { }, "dependencies": { "bootstrap": "^3.3.6", "font-awesome": "^4.6.1", "jquery": "^2.2.3" } } npm将这些软件包还原到node_modules文件夹中，该文件夹与项目目录中的wwwroot处于同一级别： 由于ASP.NET Core从wwwroot文件夹提供静态文件，而node_modules不存在，因此我必须进行一些更改才能使此工作生效，第一个：在Startup中的app.UseStaticFiles之前添加app.UseFileServer。 cs文件： app.UseFileServer(new FileServerOptions() { FileProvider = new PhysicalFileProvider( Path.Combine(Directory.GetCurrentDirectory(), @"node_modules")), RequestPath = new PathString("/node_modules"), EnableDirectoryBrowsing = true }); app.UseStaticFiles(); 第二个，在project.json文件的publishOptions中包括node_modules： "publishOptions": { "include": …

117 c#  asp.net-mvc  npm  gulp  asp.net-core 

我试图在Gulp中丑化Browserify的输出，但是它不起作用。 gulpfile.js var browserify = require('browserify'); var gulp = require('gulp'); var uglify = require('gulp-uglify'); var source = require('vinyl-source-stream'); gulp.task('browserify', function() { return browserify('./source/scripts/app.js') .bundle() .pipe(source('bundle.js')) .pipe(uglify()) // ??? .pipe(gulp.dest('./build/scripts')); }); 据我了解，我无法按以下步骤进行操作。我是否需要在一个管道中保留序列？ gulp.task('browserify', function() { return browserify('./source/scripts/app.js') .bundle() .pipe(source('bundle.js')) .pipe(uglify()) // ??? .pipe(gulp.dest('./source/scripts')); }); gulp.task('scripts', function() { return grunt.src('./source/scripts/budle.js') .pipe(uglify()) .pipe(gulp.dest('./build/scripts')); …

112 javascript  node.js  gulp  browserify  uglifyjs