Questions tagged [gulp]

Gobble is a robust JavaScript compilation framework, powered by the Node.js runtime, just like its counterpart Grunt. With Gobble, streamlined building and task handling is achieved through seamless streaming and smart-code configuration for an effortlessly efficient development workflow.

An issue arose while attempting to run the `npm install gulp` command on K

Recently, I set up an automated deployment process for my app from Github to Azure Web Apps using the Github deployment option. However, when I created a new Azure web app and deployed my application using the usual method, the Gulp functions in my gulpfil ...

Browsersync in Gulp keeps triggering numerous reloads every time a file is changed

As I utilize browsersync with Gulp for running specific tasks upon file changes, I notice that each time I save a file, my terminal displays 10+ [BS] Reloading Browsers... messages and the overall performance suffers. Below is an outline of my gulpfile: ...

How can parameters be sent without using the .jshintrc file with the gulp-jshint package?

Currently in the process of transitioning a grunt project to a gulp project. In the existing gruntfile, there is a section for the jshint task that looks like this: jshint: { options: { trailing:true, evil:false, indent:4, ...

How can I effectively use gulp-sourcemaps in an Angular application using the IIFE pattern? Can someone confirm if my understanding of sourcem

Today marks my first attempt at working with exporting source maps through my gulp builds. I am currently using angular 1.4.x and we have implemented the following pattern: (function() { 'use strict'; var thing = (function() { function thing ...

Gulp is unable to successfully make an API post request

I am facing an issue where a specific request is not successful. Although I receive a response, it is not the desired success response. The request works fine when sent from Postman, but encounters problems when executed in Gulp. var proj = { "APIKey" ...

Setting up Browser Sync, EJS, Gulp, and Node for a seamless workflow

I am currently working in a Node environment and using gulp for SASS, EJS for templates. I'm also trying to incorporate Browser Sync into my setup but running into some configuration issues with my gulp file. When I run 'node server.js', my app loads in th ...

Encountered a Gulp error: unable to spawn process due to E

gulpfile.js 'use strict'; var gulp = require('gulp'); gulp.paths = { src: 'src', dist: 'dist', tmp: '.tmp', e2e: 'e2e' }; require('require-dir')('./gulp'); gulp.task('build', ['clean'], function () { gulp.start('buildapp'); }); gulp/serve ...

Encountered a Stdout maxBuffer error during the execution of a Gulp task

Recently, as I was setting up a new Backbone project and utilizing Gulp for task automation, a frustrating issue arose. Whenever I ran my task involving Browserify and gulp-compressor, an error message mentioning "stdout maxBuffer" would appear. In my app. ...

Does the Karma Tast Runner function on node js version 0.12.0?

I'm experiencing an issue where I have Node.js v0.12.0 installed with Karma on my OS X Yosemite, but when I try to run my test task using Gulp, it just hangs as shown in the picture. It seems like PhantomJS is not starting. Interestingly, the same code wor ...

Deactivating AngularJS debug information in a gulp / typescript production compilation

What is the most effective approach to disabling debug data in a gulp production build? The recommended method for disabling debug data is: myApp.config(['$compileProvider', function ($compileProvider) { $compileProvider.debugInfoEnabled(false); }]); I ...

Gulp does not generate any files

Hey there, I'm brand new to using node.js and coding in general. I recently attempted to convert SCSS to CSS using gulp. My gulpfile.js seems to be correct, but when I try running "gulp styles" in the node.js command prompt, I receive the following output: ...

Is there a way to retrieve the filename from a callback in gulp-contains?

Currently, I am utilizing gulp-contains to scan for a specific string. If the target string is found, I intend to trigger an error message stating "String found in file abc." The 'file' parameter holds the entire object comprising filename + Buffer. Howeve ...

Error: npm global installation not detected for gulp

My first attempt at using gulp has hit a roadblock. Despite following online instructions, I encountered the error message 'gulp' is not recognized as an internal or external command[...] after installing it both globally and locally. Switching to PowerSh ...

Guide on resolving the npm install issue "npm ERR! code 1"

My attempt to set up Gulp.js is running into issues. When I input npm install, the following error arises: npm ERR! code 1 npm ERR! path D:\www\wegrow\node_modules\node-sass npm ERR! command failed ... npm ERR! gyp ERR! not ok npm ERR! ...

As I attempted to set up sb-admin-bs4-angular2-master, an application built with Node.js, I encountered an error message while running the npm install command

view image details here After running npm install -g ts-node, I proceeded with npm install only to encounter an error that left me clueless. Subsequently, when attempting npm start, a series of errors related to the gulp server or similar issues emerged. ...

Comparing Express.js View Engine to Manual Compilation

Currently, I am utilizing Express.js along with the hbs library to incorporate Handlebars templates in my application. Lately, I've delved into establishing a build system using gulp for my app and stumbled upon packages like gulp-handlebars. My query re ...

Encountering an issue when attempting to execute "npm run watch" due to an error message related to "gulp"

Recently, I encountered an issue with my web starter kit from the Coding Phase GitHub repository. Everything was working fine until I decided to run npm run watch and started receiving error messages. It seems like this problem began after I updated Node ...

Execute code once gulp task has been completed for all files

I've been experimenting with Gulp to compare its speed with Grunt, and I'm quite impressed with the results. However, there's one thing I'm unable to figure out how to do in Gulp. Specifically, I have this gulp task for minifying HTML: gulp.task('html-mi ...

Try running ng build watch and gulp watch simultaneously on one console

Is it possible to simultaneously run ng build --watch and gulp watch:ng in the same console? Below is the task code: gulp.task('watch:ng', function () { gulp.watch('ng/dist/ng/*', gulp.series('copy-ng')); }); I am looking ...

npm - Error: EPERM: unable to perform operation, unlink operation restricted

My system details are: Windows 10 1703 Node 6.11.2 npm 5.4.0 Encountering an error while trying to install an npm package (e.g. npm i gulp-notify): npm ERR! path C:Usersweb-devDesktoparber ode_modulesfsevents ode_modulesansi-regexp ...

Collaborating on PHPStorm file watchers across different operating systems

Is there a way to create a file watcher that can run the (npm) gulp command when a file is changed, and have it work on both mac and windows without having to use explicit paths? Currently, I was only successful in making this work by specifying the paths ...

Can a condition be incorporated in a gulpfile to execute a task depending on the size of a file?

Currently, I am utilizing gulp for image compression. However, my requirement is to only compress images exceeding 200kb in size. Can JavaScript be used to loop through a directory and selectively run the minification process on files larger than 200kb? ...

Having trouble getting the Sass module to install on gulp.js with node.js

Every time I try to run npm install gulp-sass --save-dev, I encounter the same error: gyp ERR! build error gyp ERR! stack Error: `C:Program Files (x86)MSBuild12.0inmsbuild.exe` failed with exit code: 1 gyp ERR! stack at ChildProcess.onExit (C: ...

My React setup is causing some problems that I need to address

React is not my strong suit, but I need to test a React application. The issue arises when attempting to run the server using gulp nodemon, resulting in numerous errors. It seems that the application is built on an outdated version of React and some libra ...

Guide to loading a minified file in Angular 2 with Gulp Uglify for TypeScript Bundled File minimization

In my Angular 2 application, I have set the TypeScript compiler options to generate a single outFile named Scripts1.js along with Scripts1.js.map. Within my index.html file: <script src="Scripts/Script1.js"></script> <script> ...

Error occurs when running gulp-imagemin task

I'm having trouble compressing my images for the production server and encountering an error while running the gulp-imagemin task. Below is the gulp task I am using: gulp.task('images', function(){ gulp.src('builds/development/images/**/*.*') .pi ...

What is the best method for testing different versions of the same module simultaneously?

My goal is to distribute a module across various component manager systems like npmjs and bower. I also want to provide downloadable builds in different styles such as AMD for requirejs, commonJS, and a global namespace version for browsers - all minified. ...

The Gulpfile.js encountered an error while trying to load

My Visual Studio task runner is having trouble loading the gulp file. I am currently using VS2017 v15.9.4, but the project was developed some years ago. Failed to run "...Gulpfile.js"... cmd.exe /c gulp --tasks-simple assert.js:350 throw err; ^ A ...

Error: internalBinding function is not recognized

Encountering a problem in ASP.NET Zero 5.x where npm run create-bundles fails to execute. Currently working on an existing licensed project using the ASP.NET Zero's ASP.NET Core MVC + jQuery base solution, built on the ASP.NET Boilerplate framework. The p ...

Unable to integrate bower with gulp for automation

I am trying to get gulp to run the installation of all files listed in my bower.json. However, despite writing the code below, it is not working and I'm not seeing any errors. What could be causing this issue? var gulp = require("gulp"); var bower = requi ...

Reducing the size of CSS classes and IDs

I am searching for a way to automatically compress classes and ids in an .html file. This specific file is generated through a sequence of gulp commands. I attempted to use the Munch command line application, but it had adverse effects on the file by elimi ...

Capturing every unaddressed error in Gulp

One common issue we encounter with new developers is our Gulp build process failing, producing the following error message: events.js:85 throw er; // Unhandled 'error' event ^ Error: EMFILE, open '[some filename]' at Error (native) ...

Navigating the waters of importing npm modules with typescript, gulp, and browserify is a skill

I'm facing challenges with performing some fundamental tasks such as importing packages that I installed using NPM. Despite conducting extensive research online and following various tutorials, I have been unable to achieve success. Here is my current ...

Gulp-sourcemaps now exclusively provides the source JavaScript file

Whenever I try to use sourcemaps, I only get the source value returned no matter what. Broswerify.js // if custom browserify options are needed var customOptions = { entries: ['./frontend/js/app.js'], debug: true }; var finalOpts = assi ...

Encountering issues with gulp-angular-templatecache while processing angular templates through pipelining

I've encountered an issue with gulp-angular-templatecache in my gulpfile. Here's the task causing trouble: gulp.task('templates', function() { return gulp.src(paths.angularTemplates) .pipe(templateCache()) /*.pipe(g ...

Unleash the power of a module by exposing it to the global Window object using the dynamic

In my development process, I am utilizing webpack to bundle and manage my TypeScript modules. However, I am facing a challenge where I need certain modules or chunks to be accessible externally. Can anyone guide me on how to achieve this? Additional conte ...

Having trouble with your Vue.js 2.0 project? Encountering a Module build failure due to an Unexpected token error while using webpack,

Struggling throughout the day to upgrade from Vue.js 1.X to Vue.js 2.0 resulting in errors (using gulp watch) has left me feeling frustrated. ERROR in ./~/buble-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/compon ...

Encountered an error when attempting to load the external module @babel/register during the

My React project runs smoothly on my VMware, but when I cloned the same app and executed the gulp command, I encountered an error during compilation: MacBook-Pro:Frontend1.0 apurvgandhwani$ gulp [18:42:31] Failed to load external module @babel/register ...

Uh-oh, gulp is nowhere to be found - It was smooth sailing up until now, and out

A few months back, I was developing web applications using the MEAN stack on a Windows 10 machine. After taking a break from it, I am now trying to dive back in. Previously, I used gulp, browsersync, webpack, and nodemon to automate my server restarting p ...

The process of combining multiple JS files into one with Gulp 4 has encountered an issue: an error has occurred stating

I am currently utilizing Nodejs version 12.9.0 along with gulp version 4.0.2 My objective is to concatenate and minify multiple JS files from various source directories and bundle them into a single JS file. After concatenation and minification, I encount ...

Unable to view Bootstrap Icons in Gulp 4

I recently integrated the new bootstrap icons npm package into my project using Gulp 4, the latest version. Everything was installed successfully and was working smoothly. However, I encountered an issue when trying to declare the icon in my index.html fi ...