Category: Gulp

Rapid Development of Zend Expressive Modules

I have learned a few tricks when writing Zend Expressive modules that I want to share with you. Please follow the previous post first to set up a proper working environment. I explained how to install and configure Zend Expressive with Doctrine, Gulp, and an abstract reflection factory – it’ll take a total...

Rapid Enterprise App Development with Zend Expressive

If you’ve ever done a Zend Framework quick start, you’ve probably never worked in Zend Framework. The quick start has historically been anything but quick, and it’s easy to lose interest and move on to the next thing. Zend Expressive greatly improves upon this experience with the wizard driven compos...

Combine Webpack with Gulp 4

Webpack is so hot right now! Webpack is great when it comes to module bundling and working with frameworks like Vue or React, but it is a bit more awkward when handling static assets (like CSS). You might be more used to handling your static assets with something like Gulp, and there are some pretty good reasons for th...

How to Pass Command Line Parameters to Gulp Tasks

I’m a big fan of Gulp.js and recent surveys indicate almost 44% of front-end developers are using Gulp today. Gulp’s simplicity is one of its most attractive features. You write a task function in your gulpfile.js: gulp.task('doSomething', () => { // do something }); then execute that task fro...

An Introduction to Gulp.js

Developers spend precious little time coding. Even if we ignore irritating meetings, much of the job involves basic tasks which can sap your working day: generating HTML from templates and content files compressing new and modified images compiling Sass to CSS code removing console and debugger statements from scripts...

Transpiling ES6

While support for ES6 is always increasing, we can’t always assume that users will be using a browser that supports all its features. So, in order to utilize ES6 features now and make sure we won’t run into cross-browser compatibility issues, we need to transpile our code. Let’s look at two possible w...

Meet Elixir, the Laravel Way of Compiling Assets

Many thanks to Jad Joubran, Gabriel Zerbib, Anthony Chambers, and Scott Molinari for peer reviewing this post, and thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! In today’s web applications, we use a wide variety of tools to speed up the development workflow while keepi...

Multilingual Support for AngularJS

There are some cases in which providing a multilingual support is required. Sometimes it could be a good idea to provide support for different languages into the application you’re building and offer your users the possibility to view the content in different idioms. In this tutorial I’ll show you how to add a mult...

Transpiling ES6 Modules to AMD & CommonJS Using Babel & Gulp

ECMAScript 6 (a.k.a ECMAScript 2015 or ES6), the specification for next version of JavaScript has been approved and browser vendors are hard at work implementing it Unlike the previous versions of ECMAScript, ES6 comes with a huge set of changes to the language to make it a good fit for the scale at which it is used t...

Give Grunt the Boot! A Guide to Using npm as a Build Tool

Front-end build and workflow tools are available in abundance: Grunt, Gulp, Broccoli, and Jake to name but a few. These tools can automate almost anything you find yourself doing repeatedly in a project, from minifying and concatenating source files, to running tests or compiling code. But the question is, do you need ...