Articles of gulp

当依赖不是全局的时候运行package.json依赖

比方说,我有一个package.json与“rimraf”作为它的依赖。 “rimraf”没有安装在全球。 什么命令,从命令提示符,我可以进入运行“rimraf”? 比如“npm run-command rimraf?”

npm安装错误达尔文

我试图从terminal运行这个代码:“npm install”,但我收到这个错误。 我怎样才能解决这个问题? 我试过这个https://www.youtube.com/watch?v=bxvybxYFq2o但似乎不适合我的问题。 谢谢 npm install npm WARN engineStrict Per-package engineStrict (found in package.json for gulp-concat) npm WARN engineStrict won't be used in npm 3+. Use the config setting `engine-strict` instead. npm WARN engineStrict Per-package engineStrict (found in package.json for gulp) npm WARN engineStrict won't be used in npm 3+. Use the config setting […]

如何在Gulp任务中为多个pipe道创build外观

我在我的gulpfile.js中有以下任务: gulp.task('css', function() { return gulp.src('theme.scss') .pipe(…) .pipe(…) .pipe(…) .pipe(…) .pipe(…) .pipe(…) .pipe(gulp.dest('dist')); }); 我想将所有这些pipe道移动到一个模块,以获得类似的东西: gulp.task('css', function() { return gulp.src('theme.scss') .pipe(theme()) .pipe(gulp.dest('dist')); }); 可能吗?

Gulp插件validationSwagger文档?

我已经决定维护一个巨大的Swagger文档的最合理的方法是将其分解成节点模块,然后有一个Gulp任务将它们一起构build。 但是我想在写完之后validationSwagger。 有没有一个插件来做到这一点?

无法理解gulp.src()的行为

这是我的代码: 'use strict'; var gulp = require('gulp'), $ = require('gulp-load-plugins')(), module.exports = function(options) { gulp.task('test', function () { gulp.src('external/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss') .pipe(gulp.dest('dist/')); }); }; 这个stringgulp.dest('dest /')会将文件_bootstrap.scss保存在'dest /'文件夹中。 如果我改变string gulp.src('external/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss') 串起来 gulp.src('external/*/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss') 然后串 gulp.dest('dest/') 将在dest / bower_components / bootstrap-sass-official / assets / stylesheets文件夹中保存文件_bootstrap.scss。 你能解释一下,给我的链接在哪里阅读关于为什么在第一种情况下,我们有没有很多的文件夹内的dest文件夹,在第二种情况下有很多文件夹内的dest文件夹? 如果我理解正确,在第二种情况下,glob模式将被转换为完整文件path的数组。 这意味着在我的例子中,glob nodejs模块会将glob模式的'external / * / bootstrap-sass-official / assets / stylesheets / _bootstrap.scss'转换为array ['external […]

一个for循环中的gulpstream不能正常工作

我有一个类似于以下的吞咽任务。 我试图循环,并追加一个string到页面,并连接一个相应的文件。 gulp.task('loop', function() { for(i =0; i < 10; i++) { gulp.src('./build/ross/templates/pages/_page_home.liquid') .pipe(plugins.insert.append('Loop ' + i)) // real example has concat here .pipe(plugins.addSrc('./src/page/_page' + i + '.liquid')) .pipe(plugins.concat('_page_home.liquid')) .pipe(gulp.dest('./build/ross/templates/pages/')); } }); 预期的输出将是类似的 Loop 1 // _page1.liquid contents Loop 2 // _page2.liquid contents Loop 3 // _page3.liquid contents and so on… 实际产出看起来更像 // Original Page […]

Gulp:将输出文件写入srcpath的子文件夹相对位置

我试图找出如何编写一个使用PostCSS的Gulp任务,以便它在原始path的postcss子文件夹中输出结果文件。 想象一下你有这些文件: /app/styles/index.css /app/elements/pages/home.css /app/elements/pages/profile.css 你想要Gulp输出postCSS过程: /app/styles/postcss/index.css /app/elements/pages/postcss/home.css /app/elements/pages/potcss/profile.css 这是我目前的configuration,但不起作用: gulp.task('css', function () { return gulp.src([ 'app/styles/index.css', 'app/elements/**/*.css' ], {base: './'}) .pipe(gulp.postcss([require('cssnext')()])) .pipe(gulp.dest('postcss')) }); 事实上,通过configuration文件,Gulp会将所有文件及其相关子目录输出到项目根目录下的一个postcss文件夹中。 任何想法如何解决它? 谢谢!!

在Visual Studio之外的Node / Gulp失败(无法加载gulp-sass)

我们正在与我们的VS项目build立Gulp。 当从VS Task Runner运行任务时,他们完美地工作,但从命令行,它失败。 的package.json: { "name": "OurProject", "description": "OurProject", "repository": { "type": "git", "url": "https://github.com/something.git" }, "private": true, "devDependencies": { "gulp": "^3.9.0", "gulp-cached": "^1.1.0", "gulp-coffee": "^2.3.1", "gulp-notify": "^2.2.0", "gulp-sass": "^2.0.4", "gulp-sourcemaps": "^1.5.2" } } Gulpfile.js(简体): var gulp = require('gulp'), sass = require('gulp-sass'); gulp.task('scss-compile', function () { return gulp .src("./Web/css/**/*.scss") .pipe(sass()) .pipe(gulp.dest("./Web/css")); }); Visual Studio […]

Visual Studio 2013/2015 – 节点包构build错误(gulp_util)

一点背景: 我的团队在Visual Studio中有一个Web品牌项目,只是静态的HTML,CSS和一个小小的JavaScript – 没有.NET类或任何东西。 我们添加了node,npm,gulp和一些gulp任务包来照顾一些捆绑和缩小。 吞噬任务通过任务运行器资源pipe理器运行正常,没有问题。 但是,我们的一些团队在尝试构build项目时出现错误(为了通过IIS查看浏览器中的静态页面): 错误13使用代码1退出命令“C:\ TFS \ Branding \ packages \ Gulp.js.1.0.2 \ build .. \ tools \ npm.cmd”安装gulp gulp-util –save-dev“ 我一直无法确定为什么会出现这种情况,或者为什么只发生在一些团队中。 我们正在使用VS2013和2015的混合,但是也可能发生错误。 我可以看到,有问题的命令确实存在于位置 – 在受影响的环境之一,如果我运行: npm install gulp gulp-util –save-dev 从项目根目录的命令提示符 – 安装没有错误,但VS项目仍然产生错误。 我很难过,任何有关想看什么的想法将不胜感激。

与浏览器同步和代理服务器抛出错误的Gulp PHP

在Windows 10升级/重置后,我不得不重新下载我所有的开发工具。我似乎无法让我的服务器与gulp-connect-php,gulp-browser-sync和http-proxy一起工作。 下面的任务实际上是从这个答案: Gulp-webapp运行BrowserSync和PHP 。 这是来自Yeoman的一代gulp-webapp。 常规的“服务”工程,但当然不会启动PHP文件。 在升级之前,我已经使用了它,但是现在,当我尝试启动URL时,http-proxy错误与ECONNREFUSED一起出现。 请注意,它不会错误,直到我实际上去的URL,如果任务设置为不自动打开浏览器,它不会错误,直到我去localhost:3000。 任何想法这个错误的原因? 吞噬任务 gulp.task('php-serve', ['styles', 'fonts'], () => { phpConnect.server({ port: 9001, base: 'app', open: false }); const proxy = httpProxy.createProxyServer({}); browserSync({ notify: false, open: false, port: 9000, server: { baseDir: ['.tmp', 'app'], routes: { '/bower_components': 'bower_components' }, middleware: function (req, res, next) { var url = […]