Articles of gulp

Visual Studio任务运行器资源pipe理器扩展不能识别gulpfile.js

我正在尝试使用VS任务运行器资源pipe理器在生成过程中运行gulp作为一个步骤。 下面是我所采取的步骤:1)下载node.js 2)运行:npm从命令行安装gulp -g 3)下载并安装任务运行器4)closures并重新打开visual studio 我现在可以在Visual Studio中访问任务运行器窗口,但是当我右键单击我的gulpfile.js时,没有选项可以在任务运行器资源pipe理器中打开它。 所有的帮助表示感谢,提前致谢。

Gulp错误(找不到模块)

我根据文章在本地安装npm(我不记得URL)。 所以我的npm包在~/.npm-packages/ 。 所以~/.npm-packages/bin/gulp在~/.npm-packages/bin/gulp ,这是一个链接: gulp -> ../lib/node_modules/gulp/bin/gulp.js 当我运行which gulp我/ /家/ /home/victor/.npm-packages/bin/gulp 当我进入bin目录并运行./gulp.js -v像./gulp.js -v我可以看到它的作品。 然而,当我全球运行gulp时,我得到了这样的错误: module.js:338 throw err; ^ Error: Cannot find module '/usr/lib/node_modules/gulp/node_modules/v8flags/3.28.73.flags.json' at Function.Module._resolveFilename (module.js:336:15) at Function.Module._load (module.js:278:25) at Module.require (module.js:365:17) at require (module.js:384:17) at Object.<anonymous> (/usr/lib/node_modules/gulp/bin/gulp.js:25:22) at Module._compile (module.js:460:26) at Object.Module._extensions..js (module.js:478:10) at Module.load (module.js:355:32) at Function.Module._load (module.js:310:12) at Function.Module.runMain (module.js:501:10) […]

如何在Windows 7中运行吞咽?

我试图在Windows 7上运行gulp。我相信我有所有依赖关系,但是当我在缺省的cmd或posh-git中inputgulp时,我收到以下错误: gulp : The term 'gulp' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + gulp + ~~~~ + CategoryInfo : ObjectNotFound: (gulp:String) […]

从gulp中使用browserify时如何暴露“要求”浏览器?

当我有一个文件x.js,看起来像这样: x.js module.exports = function (n) { return n * 111 } 我从命令行运行browserify就像这样: browserify -r ./x.js > bundle.js 我得到一个看起来像这样(粗略)的输出文件: require=(function e(t,n,r){function …… ./App.jsx":[function(require,module,exports){ module.exports=require('0+DPR/'); },{}]},{},[]) 然后在我的浏览器代码中,我可以这样做: <html> <head> <title>React server rendering example</title> <script src="static/bundle.js"></script> </head> <body> Welcome to the React server rendering example. Here is a server-rendered React component: <div id="53a442ff8b39d"></div><script> var x = require('./x.js'); […]

升级到node.js 4.1后,gulp不再工作

我刚刚从节点0.12.x升级到4.1.0。 这样做后, gulp不再起作用。 我尝试运行gulp后,在控制台中看到了这些 module.js:338 throw err; ^ Error: Cannot find module '/Users/me/.node/lib/node_modules/gulp/node_modules/v8flags/cache/4.5.103.35.flags.json' at Function.Module._resolveFilename (module.js:336:15) at Function.Module._load (module.js:286:25) at Module.require (module.js:365:17) at require (module.js:384:17) at Object.<anonymous> (/Users/me/.node/lib/node_modules/gulp/bin/gulp.js:25:22) at Module._compile (module.js:434:26) at Object.Module._extensions..js (module.js:452:10) at Module.load (module.js:355:32) at Function.Module._load (module.js:310:12) at Function.Module.runMain (module.js:475:10) 我试过运行npm install ,并更新到最新版本的gulp但是没有解决问题。 有想法该怎么解决这个吗?

跳过本地安装Gulp

我可以以某种方式跳过Gulp的本地安装到项目中吗? 我在全球范围内安装了Gulp,并将其作为依赖项添加到package.json中。 但是仍然Gulp想要被安装在本地也Local gulp not found in …信息的Local gulp not found in … 。 如果我做本地安装,Gulp会被复制到我的项目中。 有没有办法跳过本地安装Gulp? 我希望能够通过命令行在整个服务器上运行它,并在全局范围内pipe理它的安装。

如何解决未处理的“错误”事件。 在使用Gulp时破坏了“A”的@import声明?

我一直在愉快地编译使用gulp.js,但今天下午我开始得到这个错误: events.js:72 throw er; // Unhandled 'error' event ^ Error: Broken @import declaration of "A" 我的gulpfile.js看起来像这样: var gulp = require('gulp'), minifyCSS = require('gulp-minify-css'), sass = require('gulp-ruby-sass'), imagemin = require('gulp-imagemin') minifyHTML = require('gulp-minify-html'), uglify = require('gulp-uglify'), fileinclude = require('gulp-file-include'); gulp.task('sass', function() { return sass('node_modules/foundation/scss/') .on('error', function (err) { console.error('Error!', err.message); }) .pipe(gulp.dest('publish/css')); }); gulp.task('image', function(){ gulp.src('images/*') […]

制作一个大文件:调用gulp.parallel时出错

我正在通读Gulp入门书(2015年1月出版),但是我意识到,因为Gulp的发展正在迅速进行,所以可能已经过时了。 这是我的gulpfile: // Modules & Plugins var gulp = require('gulp'); var concat = require('gulp-concat'); var myth = require('gulp-myth'); var uglify = require('gulp-uglify'); // newly added var jshint = require('gulp-jshint'); // newly added var imagemin = require('gulp-imagemin'); // let's add two node.js modules: var connect = require('connect'); // var serve = require('serve-static'); var browsersync = require('browser-sync'); […]

gulp-usemin可以接受多个文件吗?

我有一个usemin的问题,我不知道这是否是一个错误。 我的应用程序结构很简单: – root |- gulpfile.js |- app | |- index.html | |- about.html | |- contact.html | |- js | |- a.js | |- b.js | |- c.js | |- d.js | |- e.js | |- dist 我的每个html文件都有一个usemin块来包含所有的脚本,例如: <!– build:js js/app.js –> <script src="../js/a.js"></script> <script src="../js/b.js"></script> <script src="../js/c.js"></script> <script src="../js/d.js"></script> <script src="../js/e.js"></script> <!– endbuild […]

如何处理非SPA使用的项目级捆绑?

我正在学习browserify,我正在尝试做两件基本的事情: 转换(通过填充)非CommonJS模块,便于使用和依赖性跟踪 捆绑项目特定的库 我发现了一个如何做到这一切的工作stream程,并通过Gulp实现了自动化。 这工作,并产生正确的输出,但我很好奇,如果它可以变得更简单。 似乎我必须在基于项目的包上重复大量的configuration。 这是一个工作的例子: 的package.json 无效的评论添加澄清 { //project info and dependencies omitted //https://github.com/substack/node-browserify#browser-field "browser": { //tell browserify about some of my libraries and where they reside "jquery": "./bower_components/jquery/dist/jquery.js", "bootstrap": "./bower_components/bootstrap/dist/js/bootstrap.js" }, "browserify": { //https://github.com/substack/node-browserify#browserifytransform "transform": [ "browserify-shim" ] }, "browserify-shim": { //shim the modules defined above as needed "jquery": { "exports": "$" […]