Articles of gulp

如何在npm项目中findnode-gyp依赖(..或任何依赖)

我正在经历难以想象的挫折,试图让一个项目运行(即通过调用“npm install” ),总是跳过node-gyp 。 我在Windows上,所以我需要安装Python和类似Visual Studio的东西。 长话短说…我不想依赖于像Visual Studio那样的一堆烂堆,所以我想看看这个node-gyp是否可以以某种方式成为可选的,或者被删除掉。 现在,如果我打开我的package.json文件,我发现这些依赖关系。 "devDependencies": { "autoprefixer-stylus": "^0.7.1", "browser-sync": "^2.8.2", "gulp": "^3.9.0", "gulp-cache": "^0.3.0", "gulp-concat": "^2.6.0", "gulp-if": "^1.2.5", "gulp-imagemin": "^2.3.0", "gulp-minify-html": "^1.0.4", "gulp-nunjucks-html": "^1.2.2", "gulp-order": "^1.1.1", "gulp-plumber": "^1.0.1", "gulp-stylus": "^2.0.6", "gulp-uglify": "^1.2.0", "gulp-util": "^3.0.6", "jeet": "^6.1.2", "kouto-swiss": "^0.11.13", "minimist": "^1.1.3", "rupture": "^0.6.1" }, "dependencies": { "gulp-install": "^0.6.0" } 我可以在这里看到每个包的依赖关系树: http://npm.anvaka.com/#/ […]

如何在gulpfile.js中使用babel-polyfill

在巴贝尔文件中,他们只是说包括import "babel-polyfill"; 所以,我可以使用ES6生成器,但是,当我包括在我的gulpfile.js行后,我仍然产生一个exception: Uncaught ReferenceError: regeneratorRuntime is not defined这是我的gulpfile.js import 'babel-polyfill'; var gulp = require("gulp"), babel = require("gulp-babel"), concat = require('gulp-concat'), rename = require('gulp-rename'), uglify = require('gulp-uglify'); gulp.task("babel", function() { return gulp.src(jsSrc) .pipe(concat('Main.js')) .pipe(babel()) .pipe(gulp.dest(jsDest)) .pipe(rename('Main-min.js')) .pipe(uglify()) .pipe(gulp.dest(jsDest)); }); jsSrc有maines6.js和其他.js文件。 在maines6.js这里是我的发电机: function* anotherGenerator(i) { yield i + 1; yield i + 2; yield i + […]

如何得到一些错误的文件丢失?

我有gulpfile.js这样设置: var scripts = [ 'bower_components/timezone-js/src/date.js', 'bower_components/jquery/jquery.min.js', 'bower_components/jquery-migrate/jquery-migrate.js', 'bower_components/jquery-ui/ui/minified/jquery-ui.min.js', 'bower_components/jqueryui-touch-punch/jquery.ui.touch-punch.min.js', … ]; gulp.task('scripts', function () { return gulp.src(scripts, {base: '.'}) .pipe(plumber(plumberOptions)) .pipe(sourcemaps.init({ loadMaps: false, debug: debug, })) … 即我所有的脚本文件都是完全匹配的。 没有发生。 每隔一段时间我就搞砸一个文件path,或者作者改变目录结构。 我希望在发生这种情况时得到通知,而不是静默地排除脚本,并导致运行时错误。 有什么办法让我做gulp.src报告这类错误?

gulp.js服务src文件没有browserSync?

与Yeoman Gulp-Angular搭build了一个新项目。 我明白BrowserSync的前提,但坦率地说,我不能理解任何人如何容忍他们的networking请求泛滥: 我想立即从我的项目中删除BrowserSync。 如何纠正下面的代码,以便gulp serve并执行预览未缩小的src文件的相同function,但是不使用BrowserSync? 这里是我现在的gulp/server.js ,由gulp-angular生成的默认值: 'use strict'; var gulp = require('gulp'); var browserSync = require('browser-sync'); var browserSyncSpa = require('browser-sync-spa'); var util = require('util'); var middleware = require('./proxy'); module.exports = function(options) { function browserSyncInit(baseDir, browser) { browser = browser === undefined ? 'default' : browser; var routes = null; if(baseDir === options.src || […]

Gulp.js与基础/指南针

有没有人成功地得到了Gulp-sass与基础4/5(与指南针最好?)工作 应用程序正在成功使用基础4,没有吞咽,使用compass watch 。 但是我想开始使用gulp来简化我的sass / coffee / minification编译。 这是我的gulpfile.js var gulp = require('gulp'), util = require('gulp-util'), sass = require('gulp-sass'), coffee = require('gulp-coffee'); var paths = { scripts: { src: 'src/coffee/**/*.coffee', dest: 'public/javascripts' }, styles: { src: 'src/sass/*.sass', dest: 'public/stylesheets' } }; gulp.task('scripts', function() { return gulp.src(paths.scripts.src) .pipe(coffee()) .pipe(gulp.dest(paths.scripts.dest)); }); gulp.task('sass', function () { return […]

从Gruntfile.js迁移到gulpfile.js

我正在尝试使用grunt2gulp.js工具将多个用grunt设置的项目迁移到gulp中。 但是,我不确定如何继续。 工具grunt2gulp.js似乎是一个简单的方法来启动,但我遇到的问题是,我不能得到它的工作。 由于没有npm install -g grunt2gulp ,我有点不确定我需要做什么才能在全局安装项目并能够访问它。 github repo上的readme.md没有指定如何安装项目。

在Gulp你如何否定多个项目,例如忽略文件和目录?

在Gulp你如何否定多个项目,例如忽略文件和目录? 我想结合以下内容: gulp.src(['./**/*.{css,js,gif,png,php,eot,svg,ttf,woff}', '!./src/**/*']) gulp.src(['./**/*.{css,js,gif,png,php,eot,svg,ttf,woff}', '!./gulpfile.js'])

gulp.js + browserify:dynamic生成特定于开发的文件

我有一个应用程序,它有一些特定于开发的debugging代码。 目前,所有的开发代码都由文件顶部的一个名为dev的variables来保护。 这里是我的应用程序的一个例子: var dev = true; if (dev) { console.log("Hello developer"); } else { console.log("Hello production"); } 当我去部署我的应用程序时,我必须手动将开发variables窗体true更改为false。 这很糟糕。 我正在从手动编译迁移到gulp.js,我希望能够清楚地解决这个开发与生产构build问题。 我正在考虑以下内容: // Inside main.js var dev = require('./isdev'); if (dev) //… // Inside isdev.js: module.exports = true; 现在,当我为生产构build时,而不是手动将dev标志设置为false ,我想从module.exports = true;replaceisdev.js module.exports = true; 到module.exports = false; 。 我的具体问题是, 如何使gulp自动化,使得gulp development生成一个dev = true的文件,并且用dev = […]

在Karma中设置NODE_ENV运行webpack的正确方法是什么?

我正在用Webpack构build我的项目,并使用Karma来运行testing。 我想configurationKarma来设置process.env.NODE_ENV来“testing”Webpack来执行testing环境的项目的条件构build,URL映射到localhost,而不是生产域名。 为此,我使用Webpack的env-replace-loader ,它根据process.env.NODE_ENV的值读取其configuration文件environments.json并设置variables,例如API_URL。 在生产版本中,我使用Gulp来设置process.env.NODE_ENV并启动webpack。 有用。 我想在testing版本中设置process.env.NODE_ENV = 'test' ,通过运行karma start karma.conf.js 。 目前我只是在karma.conf.js说process.env.NODE_ENV = "test" 。 有没有更好的方法来做到这一点? 另外,我尝试使用webpack.config.js中的webpack的webpack.config.js来设置这个variables: const webpackConfig = { … plugins: [ new webpack.DefinePlugin({ process.env: {'NODE_ENV': 'test'} }), … ], … } 它不会工作:webpack env-replace-loader诅咒Module build failed: TypeError: Cannot read property 'URL' of undefined – 我想,它不能访问它看不到的节点报告

是否有链接检查器吞咽?

是否有404链接检查器吞咽? 我正在寻找一些像grunt的grunt-link-checker那些不熟悉的东西,它提供了一个404和404的内部和外部链接列表。