Articles of gulp

从另一个node.js脚本启动gulp任务

我正在使用这样的脚本: run.js: var gulp = global.gulp = require('gulp'); require('./gulpfile.js'); //interaction gulp.start('zip'); gulpfile.js: global.gulp = global.gulp || require('gulp'); gulp.task('zip', function () {}); 并开始: node run.js 我需要它,因为我需要通过inquirer.prompt()在任务启动之前收集一些数据。 一切正常,但脚本结束后(在PHPStorm)控制台冻结光标。 我不明白为什么。 如果我通过gulp运行任务,没关系。

browserSync的modRewrite不适用于angularjs html5mode的path“app / index.html”与吞咽

当我运行gulp时,服务器以消息开始:不能得到/。 当我指向localhost:3000 / app / index.html时,站点redirect到localhost:3000 / home并正常工作。 但是,当我重新加载页面,它给:不能得到/ home。 请检查以下configuration,看看是否有遗漏: 访问path:app / index.html 这是我的gulpfile.js: var gulp = require('gulp'), nodemon = require('gulp-nodemon'), jshint = require('gulp-jshint'), browserSync = require('browser-sync') modRewrite = require('connect-modrewrite'); gulp.task('lint', function () { gulp.src('app/js/*.js').pipe(jshint()); }); gulp.task('serve', function() { browserSync({ server: { baseDir: "./", middleware: [ modRewrite([ '!\\.\\w+$ /index.html [L]' ]) ] } }); […]

尝试了解一个Gulp构build错误 – 发出涉及zlib.js&Gzip的错误

有没有人看到这个错误? 我无法理解错误的起源。 寻找答案已经没有结果。 为了给出一些上下文,我正在通过SVN合并来自另一个分支的更改,这可能会破坏合并,但我仍然无法弄清楚逻辑中出了什么问题。 提前致谢。 zlib.js:166 callback(null, buf); ^ TypeError: object is not a function at Gzip.onEnd (zlib.js:166:5) at Gzip.EventEmitter.emit (events.js:117:20) at _stream_readable.js:910:16 at process._tickCallback (node.js:415:13)

创build一个运行PHP和Gulp和Livereload的服务器

我想调整这个代码来提供PHP文件。 我有MAMP运行本地服务器,但我无法弄清楚这个代码是如何工作的,以便进行必要的更改。 我知道Node服务器不会解释PHP文件,但是我对这个使用serve-static和serve-index架构感到困惑,因为显然我不能仅仅使用MAMP的localhost内的本地文件path来提供这些文件,对吧? 我也想知道为什么它需要2个端口(9000和35729)。 gulp.task('connect', ['styles'], function () { var serveStatic = require('serve-static'); var serveIndex = require('serve-index'); var app = require('connect')() .use(require('connect-livereload')({port: 35729})) .use(serveStatic('.tmp')) .use(serveStatic('app')) .use('/bower_components', serveStatic('bower_components')) .use(serveIndex('app')); require('http').createServer(app) .listen(9000) .on('listening', function () { console.log('Started connect web server on http://localhost:9000'); }); }); gulp.task('serve', ['connect', 'watch'], function () { require('opn')('http://localhost:9000'); }); gulp.task('watch', ['connect'], function () { […]

Sass Gulp损坏了

我们有一大堆运行sass和浏览器同步,并已经运行了大约6个月没有问题。 我们有大约60个sass和scss正在被编译成CSS。 一切都很顺利,然后突然,前端编译器开始投掷数以百万计的错误 – 就像有人进入了75%的sass文件并添加了分号,删除了空格,移动了空格,并且在_media中有错误.scss文件,我不明白。 这种情况怎么会突然发生呢? 我不知道现在该做什么 – 我花了大约45分钟,试图解决所有的错误,但有这么多。

从另一个文件夹访问node_modules

最近开始与Gulp合作,我无法弄清楚真的有必要直接在当前项目的文件夹中有一个node_modules副本? 比如我有这样的结构: 我的网站 └─builder └──node_modules └─work └─work2 如何从文件夹“work”或“work2”中访问文件夹“builder”中的node_modules而不复制它? 这是相当大的,大约100mb,在我看来,每个新项目都有一个副本是没有意义的。 我试过这个行在文件package.json中export NODE_PATH='D:\OpenServer\domains\mysite\build'然后尝试命令gulp但它回答 [10:24:27] Local gulp not found in d:\OpenServer\domains\mysite\work [10:24:27] Try running: npm install gulp

吞食环境和预处理

在Grunt中,我曾经使用一个名为env的插件。 这将允许我在特定的构build中定义一个环境。 我有3个版本。 一个是DEV,它将使用所有分开的文件。 PROD会把所有的东西都连接起来,而RELEASE会连接和uglify。 我正在Gulp做同样的事情。 我看到Gulp的预处理器,但没有定义环境。 问题是。 我能做什么? 显然,我不想一直定义所有的JS文件,我不希望3个不同的HTML页面具有不同的脚本标签。 在我的HTML我会有这样的事情: <!– @if NODE_ENV == 'DEVELOPMENT' –> <script src="js/example1.js" type="text/javascript"></script> <script src="js/example2.js" type="text/javascript"></script> <script src="js/example3.js" type="text/javascript"></script> <!– @endif –> <!– @if NODE_ENV == 'PRODUCTION' –> <script src="js/project.js" type="text/javascript"></script> <!– @endif –> <!– @if NODE_ENV == 'RELEASE' –> <script src="js/project.min.js" type="text/javascript"></script> <!– @endif –> 我的grunt插件看起来像这样: env: […]

Gulp:并行运行多个节点脚本

我有两个服务器脚本(都依赖于socket.io;运行在不同的端口)。 我想通过喝水并行开始。 但除此之外,我想有可能阻止其中之一。 甚至可能访问每个脚本的控制台输出。 有没有现有的解决scheme呢? 或者,你甚至会build议使用其他的东西而不是吞咽?

无法安装gulp-sass

我试图学习如何使用gulp / sass /和所有其他有趣的工具与Nodejs和我有安装gulp-sass的问题。 我用来安装一切的过程是: 1. Start Git Bash in the project folder 2. npm init 3. npm install gulp -g 4. npm install gulp –save-dev 5. npm install gulp-sass <- this is where I get errors 一旦我到达第五步,我得到以下错误: $ npm install gulp-sass npm WARN package.json project@1.0.0 No repository field. npm WARN package.json project@1.0.0 No README […]

TinyMCE吞咽configuration

我正在构build一个Web应用程序,我想使用TinyMCE。 我正在使用gulp和browserify。 我已经通过npm下载了TinyMCE,而且我已经在我的app.js文件中要求它,并运行gulp命令,但是我得到了这个错误Failed to load: root/js/themes/modern/theme.js 。 我认为这是因为TinyMCE需要其文件夹中的其他文件。 我的问题是如何configurationTinyMCE来searchnode_modules / tinymce文件夹中的这些文件。