Articles of gulp

节点js,生成dist文件夹,html页面包含链接不工作

我在我的项目中使用node.js + angular js,我生成dist并从服务器上的dist文件夹运行。 本地我使用gulp手表和运行localhost:9000端口没有产生dist和它的工作正常,但是当我上传在服务器上,它从dist获得,包含的链接不工作。 我包括链接自动完成谷歌地方是链接https://maps.googleapis.com/maps/api/js?libraries=places 我怎样才能解决这个问题?

events.js:160扔呃; //未处理“错误”事件 – 错误:spawn npm ENOENT

操作系统:Windows 10专业版 节点:6.5.0 NPM:3.10.3 Gulp:CLI版本3.9.1 所以我在接收下面的错误,只在窗口,在runSequence (生成)过程中,当发射进程的runSequence 。 任何想法如何解决它? [14:44:57] Finished 'eslint-ci' after 18 s [14:44:57] Starting 'ava'… events.js:160 throw er; // Unhandled 'error' event ^ Error: spawn npm ENOENT at exports._errnoException (util.js:1026:11) at Process.ChildProcess._handle.onexit (internal/child_process.js:193:32) at onErrorNT (internal/child_process.js:359:16) at _combinedTickCallback (internal/process/next_tick.js:74:11) at process._tickCallback (internal/process/next_tick.js:98:9) 代码如下: import runSequence from 'run-sequence'; gulp.task('to-html', done => { args.production […]

NodeJS Gulp要求没有定义

我想在我的web应用程序上使用系统命令。 这是我的脚本 var gulp = require('gulp') var shell = require('gulp-shell') gulp.task('example', function () { return gulp.src('*.js', {read: false}) .pipe(shell([ 'echo <%= f(file.path) %>', 'ls -l <%= file.path %>' ], { templateData: { f: function (s) { return s.replace(/$/, '.bak') } } })) }) 但我得到了 notice.js:1 Uncaught ReferenceError: require is not defined

吞噬服务未处理的错误

所以我的朋友在github上创build了仓库。 我们正在使用yeoman。 所以我克隆它在我的电脑上,并按照从https://github.com/yeoman/generator-webapp指示。 问题开始时,我使用gulp服务,我得到以下错误: $ gulp serve [10:00:33] Using gulpfile D:\Projekti programiranje\PracticeBand\gulpfile.js [10:00:33] Starting 'serve'… [10:00:33] Starting 'clean'… [10:00:33] Starting 'wiredep'… [10:00:33] Finished 'wiredep' after 18 ms [10:00:33] Finished 'serve' after 27 ms [10:00:33] Finished 'clean' after 32 ms [10:00:33] Starting 'styles'… [10:00:34] Starting 'scripts'… [10:00:34] Starting 'fonts'… events.js:160 throw er; // Unhandled 'error' event […]

npm install throwing“path must be string”TypeError

第一次尝试node.js – 我碰到了一个绊脚石 – 我希望有人能帮助我:) 我试图安装任何与npm install在这个例子中,我正在运行到这个错误,我试图安装mongoose 。 谷歌似乎没有让我到任何地方。 ➜ Beta git:(dev) ✗ npm install mongoose –save npm WARN deprecated find-file@0.1.4: Use the globby package instead > gifsicle@0.1.7 postinstall /Users/e042481/Projects/Beta/node_modules/gifsicle > node index.js path.js:7 throw new TypeError('Path must be a string. Received ' + inspect(path)); ^ TypeError: Path must be a string. Received { url: […]

SASS的节点和吞吐量 – 堆栈级别太深

尝试使用Gulp将我的SASS编译到.css文件中用于使用指南针,并希望切换到Gulp。 下面这个mixin不是由我创build的,而是正在使用。 其中一个头文件使用mixin bp(做一个断点) 而且这些问题有时也会发生,有时在Gulp运行sass编译时不会发生。 并不总是一样的精确点再现。 我也删除了css文件,并重新编译这个错误。 CSS仍然在那里,似乎工作。 我该怎么办? 思考? 错误插件'sass' 消息:afa / scss / layout / _header-search.scss SystemStackError:堆栈级别太深 on line 41 of afa/scss/layout/_header-search.scss —> @include bp(min-width,$ bp-medium + 1){——— ^ 下面是来自文件本身的Mixin // ============================================= // Mixin – Breakpoint // ============================================= $mq-support: true !default; $mq-fixed-value: 1024px !default; @mixin bp($feature, $value) { // Set global device param […]

我可以转换成一个string的gulpstream吗?

我想在gulpstream中应用一些任务并获取输出string。 我不想创build一个新的文件。 这是我的代码: function buildCSS() { // READ A FILE AND APPLY SOME TASKS var content = gulp.src(__dirname + '/src/styles.less') .pipe(g.less()); if (environment === 'live') { content.pipe(g.minifyCss()); } // I NEED RETURN A STRING return content; } gulp.task('build-html', function() { // I SHOULD GET THE CSS TEXT var cssText = buildCSS(); gulp.src(__dirname + '/src/template.html') // […]

debugging通过Gulp任务启动的node.js Web应用程序

我有一个写在node.js中的web应用程序,并开始使用gulp命令。 当应用程序第一次启动时,在服务器运行之前,可能会在WebStorm(或者任何IDE或命令行工具)中点击debugging点。 但是,服务器运行后,我去我的本地主机的接口,我不能再打在应用​​程序内部的debugging点。 这不是由客户端代码造成的,因为debugging点在服务器代码中。 我已经阅读了涉及使用节点检查器的答案,并没有解决我的问题,因为configuration文件在节点检查器中启动debugging器时没有被读取。 对于这个问题,我感到有点惊讶。 其他开发者面临的问题不是一个正常的问题吗? 先谢谢您的帮助。

NpmtestingYeoman定制发生器

几天前我已经开始写一个自定义yeoman发生器,我想做一个testing(所以我可以使用travis ECC),但我有一个问题,当我午餐npm test 。 我的生成器只复制4个文件,一个gulpfile.js和3个文件在不同的文件夹,所以最终的结果是: Project-folder | |—– gulpfile.js |——–production ———css/main.css ———html/index.html ———js/index.js 我想testing我的发生器,所以我写这个testing,我开始写它从发电机发电机提供的模板testing app.js 'use strict'; var path = require('path'); var assert = require('yeoman-assert'); var helpers = require('yeoman-test'); describe('generator-postcss-template:app', function () { before(function () { return helpers.run(path.join(__dirname, '../generators/app')) .withPrompts({someAnswer: true}) .toPromise(); }); it('creates files', function () { assert.file([ 'production/css/styles.css', 'production/html/index.html' ]); }); }); 当我午餐npmtesting我有这个错误 […]

Gulp:如何设置不同的生产基地

我是一个Gulp新手(也许我的问题是愚蠢的)。 在开发过程中,我使用localhost和root文件夹中的gulp serve ,例如: HTTP://本地主机:3000 / 但在生产上,我想移动我的应用程序在一个文件夹,例如: HTTP://本地主机:3000 /我的应用程序内/ 问题是在index.html中, dev “base href”从: <base href="/"> 到prod : <base href="/my-app/"> 我可以改变我的基础href有条件的html评论吗? 例如。: <!– build:dev –> <base href="/"> <!– endbuild –> <!– build:prod –> <base href="/my-app/"> <!– endbuild –> 任何其他技巧是非常感激! 我发现了这个提示: return gulp.src(path.join(conf.paths.tmp, '/serve/*.html')) .pipe(replace('<base href="/">', '<base href="/my-app/">'))