Tag: gulp

你如何使用伊斯坦布尔的代码覆盖与编译脚本?

我一整个早上都在阅读文章,试图正确地设置我的环境。 但由于某种原因,我没有得到它。 我的设置 – /app … source (mixed js and ts) /scripts … copied source (js) typescripts.js // transpiled typescript with inline mapping testing运行正常,并且在chromedebugging器中的映射debugging被正确映射。 但伊斯坦布尔把typescripts.js文件视为一个文件,而不是几十个其他文件的连接。 为了生成打字稿源,我使用了gulp-typescript 。 源代码(不包括testing代码)被传输到前面提到的typescripts.js文件中,testing代码被单独转换并复制到/scripts 。 var ts = require('gulp-typescript'); var sourcemaps = require('gulp-sourcemaps'); var concat = require('gulp-concat'); module.exports = function (gulp, config) { 'use strict'; // Runs dot ts files found […]

我怎样才能写一个简单的吞咽pipefunction?

我一直在努力一天写两个pipe道function,一个编译较less的文件,另一个连接这些文件。 我想学习如何为更复杂的插件编写转换stream/pipe道。 所以我想知道如何从另一个pipe道读取数据,以及如何改变这些数据并将其发送到下一个pipe道。 这是我迄今为止: gulp.src(sources) .pipe(through.obj(function (chunk, enc, cb) { var t = this; // console.log("chunk", chunk.path); fs.readFile(chunk.path, enc, function (err,data) { if (err) { cb(err); } less.render(data, { filename : chunk.path, sourceMap : { sourceMapRootpath : true } }) .then(function (outputCss) { // console.log("less result",outputCss); t.push(chunk);// or this.push(outputCss) same result cb(); }); }); })) […]

当无效的财产名称时,手表停止

当出现错误信息时手表停止。 stream.js:94 throw er; // Unhandled stream error in pipe. ^ source string:51: error: invalid property name 我如何保持观看状态,只是告诉我错误在哪里。 咕噜可以处理错误,不需要停下来, styleSheet.scss:41: error: invalid property name 否则,我需要在错误发生时在命令行中input“gulp”。

错误:找不到模块'gulp-sass'

当我吞下肚,我得到了一个像下面的错误。 我该如何解决它? module.js:339 throw err; ^ 错误:找不到模块'gulp-sass' at Function.Module._resolveFilename (module.js:337:15) at Function.Module._load (module.js:287:25) at Module.require (module.js:366:17) at require (module.js:385:17) at Object.<anonymous> (/Applications/XAMPP/xamppfiles/htdocs/flyscoot.com/gulpfile.js:2:12) at Module._compile (module.js:435:26) at Object.Module._extensions..js (module.js:442:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:311:12) at Module.require (module.js:366:17)

如何使用node-sass(不使用Ruby)编译或转换sass / scss到css?

我一直在努力设置libsass,因为它不像基于Ruby的transpiler那样简单。 有人可以解释如何: 安装libsass? 从命令行使用它? 使用它与任务跑步者如吞咽和咕噜? 我对于软件包pipe理者没有什么经验,对于任务跑步者我也没什么经验。

如何在ASP.NET Core中使用npm

我使用npm来pipe理我的ASP.NET Core应用程序所需的jQuery,Bootstrap,Font Awesome和类似的客户端库。 这个方法对我来说是通过在项目中添加一个package.json文件开始的,如下所示: { "version": "1.0.0", "name": "myapp", "private": true, "devDependencies": { }, "dependencies": { "bootstrap": "^3.3.6", "font-awesome": "^4.6.1", "jquery": "^2.2.3" } } npm将这些软件包恢复到与项目目录中wwwroot相同级别的node_modules文件夹中: 由于ASP.NET Core服务于wwwroot文件夹中的静态文件,并且node_modules不存在,所以我不得不作出一些更改以使其工作,第一个:在我的Startup中的app.UseStaticFiles之前添加app.UseFileServer。 cs文件: app.UseFileServer(new FileServerOptions() { FileProvider = new PhysicalFileProvider( Path.Combine(Directory.GetCurrentDirectory(), @"node_modules")), RequestPath = new PathString("/node_modules"), EnableDirectoryBrowsing = true }); app.UseStaticFiles(); 第二个,包括project.json文件的publishOptions中的node_modules: "publishOptions": { "include": [ "web.config", "wwwroot", "Views", "node_modules" […]

Gulp TypeError:path.join的参数必须是string

我有我的问题,大嘴ruby。 当我尝试运行watch任务并更改一些.sass文件时,会发生错误: TypeError: Arguments to path.join must be strings 这是我的gulpfile.js var gulp = require('gulp'); var jade = require('gulp-jade'); var sass = require('gulp-ruby-sass'); var watch = require('gulp-watch'); gulp.task('sass', function() { return gulp.src('sass/*.sass') .pipe(sass()) .pipe(gulp.dest('./css')); }); gulp.task('watch', function() { gulp.watch('./sass/*.sass', ['sass']); }) 我用gulp斜线,但它不起作用。

为什么我必须使用乙烯源stream与吞咽?

我正在尝试使用.jsx和.jsx将我的.jsx文件转换成.js文件。 var gulp = require('gulp'); var browserify = require('browserify'); var reactify = require('reactify'); gulp.task('js', function () { browserify('public/javascripts/src/app.jsx') .transform(reactify) .bundle() .pipe(gulp.dest('public/javascripts/dist')) }); “` 以上将Arguments to path.resolve must be strings 。 我设法通过使用vinyl-source-stream解决它 var source = require('vinyl-source-stream'); … .bundle() .source('app.js') … 为什么这个工作? 我对nodejs和gulp相当陌生。 在阅读了项目的README和源代码后,我仍然感到困惑。 任何帮助?

如何设置一个环境variables作为吞噬任务?

我不想在每次运行NODE_ENV='production' gulp设置一个环境variables时input额外的参数NODE_ENV='production' gulp 。 我宁愿通过一个任务从gulp中设置环境variables。 什么是实现这个目标的好方法?

全局匹配,排除所有的JS文件

我是gulp.js的新用户。 我想将我的所有非JavaScript文件移动到生成目录。 我现在所拥有的是: //Test copy gulp.task('test-copy', function() { gulp.src(['myProject/src/**/*.!(js|map|src)']) .pipe(gulp.dest('myProject/build')); }); //Results for various files myProject/css/style.css //Copied – GOOD myProject/html/index.html //Copied – GOOD myProject/js/foo.js //Not Copied – GOOD myProject/js/bar.min.js //Copied – BAD! myProject/js/jquery-2.0.3.min.js //Copied – BAD! myProject/js/jquery-2.0.3.min.map //Copied – BAD! 正如你所看到的,它只匹配在文件pathstring中的第一个点,而不是最后一个,如我所愿。 我怎样才能修改globsearchstring的行为,如我所愿?