Articles of gulp

吞噬和注入path

在Visual Studio中,我有以下客户端项目结构 -wwwroot -app -js -views -css -images -lib index.html 随着gulp注入我想在index.html注入我的JavaScript的path: gulp.task('injecttest', function () { var target = gulp.src('wwwroot/index.html'); var sources = gulp.src(['wwwroot/app/js/**/*.js'], { read: false }); return target.pipe(inject(sources)).pipe(gulp.dest('wwwroot/'));; }); gulpfile.js位于wwwroot目录之外。 这里的问题是,在我的index.html里,注入的forms是: <script src="/wwwroot/app/js/RemoteCallServices.js"></script> 和我需要的工作 <script src="app/js/RemoteCallServices.js"></script> 我怎么能做到这一点?

吞噬nodemon,观察文件更改,“应用程序崩溃 – 在启动之前等待文件更改”

我试图自动化一个简单的gulp任务来运行/debugging节点,监视文件的变化,并重新启动节点,如果有任何文件更改。 我见过的最stream行的食谱使用gulp-nodemon ,但是当文件更改事件发生时,(gulp-) nodemon崩溃: [nodemon] app crashed – waiting for file changes before starting… 崩溃发生不一致,所以有时我必须手动发送一个SIGINT来停止节点进程(哪种types会破坏nodemon的目的)。 我希望能够运行一个可以监视文件,运行或debugging节点的吞吐任务。 如何在没有nodemon崩溃的情况下实现这一点?

浏览器与gulp和Ghost博客同步

我正在运行一个Ghost博客,这个博客只是以npm start 然后运行在http://lolcahost:2368 我有浏览器同步设置运行在我的gulpfile像这样: gulp.task('default', function() { browserSync.init(null, { server: { proxy: 'http://localhost:2368' } }); }); 虽然没有看到工作。 它在我的浏览器上启动localhost:3000但只是在完全空白的白页上显示一条消息: Cannot GET / 我在这里做错了什么? 当我访问Ghost创build的localhost:2368 ,我可以看到这个网站很好。

你能分享一个项目之间的一个gulp框架吗?

我有很多项目都遵循特定的文件夹结构和约定。 我不想复制整个项目,而只想为每个项目configuration一个configuration对象,每个项目链接到全局框架。 例: /gulp-framework index.js /project-a gulpfile.js configuration.js /project-b gulpfile.js configuration.js 里面的index.js var configuration = require('configuration'); 里面的configuration.js: module.exports = function() { return { foo : true }; } 在gulp文件里面我会有: require('./configuration'); require('../gulp-framework'); 然而,运行吞咽只是给我一个错误 '找不到模块configuration'。 我想所有我想做的是传递一个configuration对象到全球框架,但没有太多的运气。 想法?

你能集中node_modules文件夹吗?

我有很多项目都遵循特定的文件夹结构和约定。 我不想复制整个项目,而只想为每个项目configuration一个configuration对象,每个项目链接到全局框架。 我已经有configuration被传递到每个项目的index.js,但是当我从每个项目中删除node_modules文件夹,它不再工作。 例: /gulp-framework tasks/ index.js package.json node_modules/ /project-a gulpfile.js configuration.js /project-b gulpfile.js configuration.js 所以使用上述结构,理想的方法是运行: cd /project-a && gulp 然而,这显然回报 Cannot find module 'gulp', please try npm install gulp 所以我的问题是,是否有一种方法仍然在项目内的gulpfile,但node_modulespath设置为全局node_modules文件夹?

NPM软件包安装后运行gulp任务

我已经开发了一个小包,我从github回购服务。 它基本上是一个UI库,它只有一个SCSS文件。 my-ui-library — src/styles.scss 我希望在安装之后,软件包自己运行一个编译CSS的吞吐任务,并将其移动到其他位置。 运行gulp任务后,所需的输出如下所示: my-ui-library — src/styles.scss — styles.scss 我已经包含了一些脚本 "scripts": { "postinstall": "gulp" } 安装完包后,我找不到运行gulp的方法。 任何帮助将不胜感激。

Visual Studio 2015 Taks runner explorer导致多个node.exe进程

我正在使用gulp来build立一个网站项目。 在Visual Studio 2015中 , 任务运行器资源pipe理器将获取吞噬文件,并且可以从那里运行任务。 问题是:这会加速多个node.exe进程(有时超过20个),从而大大减慢我的机器速度。 没有一个node.exe进程占用太多的内存(每个大约100mb)或者CPU,但是结合起来却阻塞了所有内核。 刚刚启动Visual Studio已经导致这个问题,我甚至不需要从任务运行资源pipe理器中运行任务。 当Visual Studioclosures,并从命令行运行一些吞咽任务时,问题不会发生。 对此有何想法? 或者有同样问题的人? 我不认为这个吞噬文件本身有问题,但是如果有必要,我可以提供它。

使用npm模块的前端依赖项失败

我以为我可以做npm而不是凉亭,我做的是npm install angular –save ,然后像这样包含它 <script src="../node_modules/angular/angular.js"></script> 但似乎path是不正确的。 我创build一个临时回购来展示我的文件夹结构。 https://github.com/eldyvoon/temp/

gulp / node`del`包裹在大的glob下

我有一个相当复杂的构build过程(使用gulp),其中构build(其中包括许多其他事情)约95个JavaScript文件分散到整个build目录中的各种文件夹。 我会认为简单地执行生成文件夹的delete将是直截了当的,但无论我尝试,我不断得到一些变化的以下错误: events.js:154 throw er; // Unhandled 'error' event ^ Error: ENOENT: no such file or directory, lstat '/Users/path/to/my/site/build/app/js/services/some-ever-changing-js-file.js' at Error (native) 这是非常简单的吞咽任务: gulp.task('clean', '', cb => { del(['build'], { dryRun: false }, cb) }) 附加信息: del:^ 2.2.0 gulp:^ 3.9.0 如果我执行两次任务,它只会第一次抛出。 我已经尝试了可能的文件globs的每一个变化,比如build/** , build/**/*.js build/**/*.* , build/**/*.* ,总是相同的错误,并不总是在同一个文件上。 尝试实施vinylPaths – 得到相同的结果:sadpanda: 有没有人见过这种行为? 任何人都知道如何解决这个问题,或者是什么原因?

如何从browserify获取构build错误消息

我们正在用browserify来使用Gulp,并且在诊断错误时遇到问题。 Browserify运行,报告没有问题,但是,许多应该被连接到我的输出js文件的脚本丢失。 我们发现,如果我们缺less一个npm包(如果我们需要运行npm install),或者npm包有什么问题,就会发生这种情况。 过去几次发生的事情,我们很幸运,因为我们刚刚加了一包,所以我们立即知道在哪里看。 现在,我有一个开发失败的机器(失败,我的意思是我的输出.js文件的大小的十分之一应该是一个错过许多js文件,但没有错误报告)。 我不确定哪个软件包没有通过,我没有得到任何诊断信息。 我尝试挂钩.on('错误')如下所述: https ://stackoverflow.com/a/24817446/67038,但没有额外的输出。 Visual Studio Task Runner Explorer的输出如下所示: [18:17:21] Using gulpfile C:\git\…\Gulpfile.js [18:17:21] Starting 'browserify:local'… [18:17:24] Finished 'browserify:local' after 2.63 s [18:17:24] Starting 'build:local'… [18:17:24] Finished 'build:local' after 31 ms Process terminated with code 0. 我能做些什么来从Browserify获得更多信息? 有什么logging可以打开吗?