Search results
gulp.js is a JavaScript-based tool that lets you create efficient build pipelines for your projects. You can use gulp to automate tasks such as TypeScript, PNG, Markdown, WebP, HTML, and more with community-built plugins.
- Get Started
Quick Start. If you've previously installed gulp globally,...
- API
By default, gulp will create files with the same permissions...
- Plugins
Prevent pipe breaking caused by errors from gulp plugins....
- Enterprise
Gulp for enterprise. Available as part of the Tidelift...
- Creating Tasks
Creating Tasks. Each gulp task is an asynchronous JavaScript...
- Working With Files
Working with Files. The src() and dest() methods are exposed...
- Watching Files
Watching Files. The watch() API connects globs to tasks...
- Explaining Globs
In the previous example, if scripts/ wasn't prefixed, all...
- Get Started
Automation - gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow. Platform-agnostic - Integrations are built into all major IDEs and people are using gulp with PHP, .NET, Node.js, Java, and other platforms.
Automation - gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow. Platform-agnostic - Integrations are built into all major IDEs and people are using gulp with PHP, .NET, Node.js, Java, and other platforms.
- Set Up Your Environment
- Keeping Track of Packages with package.json
- Set Up Your File Structure
- Create and Configure Your Gulpfile
- Create Your Gulp Tasks
- In Closing
Node.js
In order to get Gulp up and running on your computer, you need to install Node.js onto your local environment. Node.js is self-described as a “JavaScript runtime”, which is considered the back-end of JavaScript. Gulp runs using Node, so you understandably need to install Node before getting started. You can download it from the Node.jswebsite. When you install Node, it also installs npm onto your computer. What’s npm, you ask?
Npm
Npmis a continually updated collection of JavaScript plugins (called packages), written by developers around the world. Gulp is one of those plugins. You’ll also need a few more, which we’ll get into later. The beauty of npm is that it allows you to install packages directly on your command line. This is great, because you don’t have to manually go to the website, download and execute the file to install. Here’s the basic syntax to install a package: npm install [Package Name] Note for Mac us...
The node_modules folder
One thing to note: when you install an npm package, npm creates a folder called node_modules and stores all the package files there. If you’ve ever had a project with a node_modules folder and dared to see what it contained, you probably saw that it had lots (and I mean LOTS) of nested folders and files. Why does this happen? Well, this is because npm packages tend to rely on other npm packages in order to run their specific function. These other packages are known as dependencies. If you’re...
Another cool feature of npm is that it can remember what specific packages you’ve installed for your project. This is important in case you have to reinstall everything for some reason. Also it makes life easier for other developers, because they can quickly and easily install all the packages for your project on their computers. How does it manage...
Before we start creating files and folders, just know that there are many different ways to set up your file structure. The approach that you’ll be using is good for basic projects, but the “right” setup will depend a lot on what your particular needs are. This basic method will help you get a grasp on the basic functionality of all the moving part...
The Gulpfile contains the code to load installed packages and run different functions. The code performs two basic functions: 1. Initialize your installed packages as Node modules. 2. Create and run Gulp tasks.
Creating a Gulp task is done by using the following code: This allows you to run the Gulp task by typing in gulp [Function Name]into the command line. This is important because you can then run that named function from other Gulp tasks. Specifically, we are building several different Gulp tasks, which will allbe run when you run the default Gulp ta...
Congrats on making it through! I hope that you found this basic Gulp tutorial helpful. Like I mentioned at the beginning, this is just a very simple tutorial of the basics of npm and Gulp. Most devs add many additional tasks to their Gulpfile. Let me know if you’d be interested to see another article on those more advanced topics! Lastly, you can c...
Quick Start. If you've previously installed gulp globally, run npm rm --global gulp before following these instructions. For more information, read this Sip.
Jul 9, 2020 · In this guide, we are going to go through some aspects of Gulp to get you started; Hello World from gulp 🥇; Source; Pipe part 1; Destination; Pipe part 2; Watch; Series; Parallel; First thing...
Creating Tasks. Each gulp task is an asynchronous JavaScript function - a function that accepts an error-first callback or returns a stream, promise, event emitter, child process, or observable (more on that later).
