Get Started for FREE
Sign up with Facebook Sign up with X
I don't have a Facebook or a X account
 Your new post is loading...
Your new post is loading...
Scoop.it!
From
gon
I've been using Grunt and Gulp for some time now. However, I've realized lately that with a simple package.json I can do the same, but more manteinable and with less code. In this post, I'll explain how we can do it!! 
No comment yet.
Sign up to comment
Scoop.it!
Fast-forward to this month, and it seemed worthwhile to get my Node.js service for Blastanova caught up to speed with the newly crowned and beloved taskrunner, Grunt.js. It’s a relief to offload the task-running glue of my project to a massively used and iterated open-source project. I can use a bunch of convenience features that already exist like copying files, FTPing, reading JSON configurations, et cetera…and I can also build on them and create custom tasks unique to my project. Now I have a new project for which I’m using Grunt.js. I’ll take this opportunity to share a task Grunt.js can perform that I find pretty darn awe-inspiring because of the awesomeness of the most well-known, cross-platform, free video utility available today. FFMPEG is used all over the place to convert a piece of audio or video from one format to another and/or inject metadata into them. Some folks will use it to transform video on the fly for you to watch if your platform doesn’t support a specific format. Me? I’m running a radio show, so my Grunt task needs to be the sort of thing where I send video in and get audio out. So there it is, my current project problem set-up. Let’s talk about how to get it done!
Scoop.it!
From
imgur
Here are some of the things we wanted to do originally:
Scoop.it!
I already used yeoman for AngularJS applications: now I want to build a NodeJS/Express application powered by AngularJS with all the goodies provided by yeoman.
Scoop.it!
Grunt has made web development more enjoyable. By automating repetitive tasks, it has allowed web developers to focus on building features rather than copying, compiling, and configuring.
In this post, I will share some advanced tooling with Grunt which will help you use it to its full potential. * Bash functions
Scoop.it!
In a series of tutorials, I’m going to help you get started with Grunt, an open source JavaScript task runner that will automate some of your web development tasks. This nifty JavaScript library will notably speed up and improve your web development processes, and also help you sidestep common human errors. My intention with this Grunt tutorial series is to get you to experience the same productivity and efficiency improvements I’ve gained through this useful, but little-known open source JavaScript tool.
Scoop.it!
A new release of a typical, non-trivial JavaScript project needs to run unit tests, concatenate all source files into one file and minify the result. Some of them also use code generators, coding style validators or other build time tools. This post explains how to use Grunt.js to build JavaScript library. Grunt.js requires Node.js and npm to run, so first sections explain what those are, how to install them and how to use them. You can feel free to skip those sections if you have already worked with npm. The fourth and fifth sections cover how to configure Grunt and a number of typical Grunt tasks.
|
Scoop.it!
Most often people associate both Grunt & Gulp with building systems but they are not restrict to that and both can form part of the of a front end dev’s day to day development process being able to run tests & reload html when altered, etc Similarities
Scoop.it!
Whether you love or hate it, there’s no denying that AngularJS is the framework on every developer’s lips. It may not be for everybody, but AngularJS has a quirky, efficient and powerful feature set. Couple that with a few useful development tools like Yeoman, Grunt and Bower and you’ve got yourself an incredibly fast rapid prototyping process. This AngularJS tutorial will cover: * Generating a bare bones AngularJS app with Yeoman * Using Grunt to speed up development and help perform repetitive tasks * Using Bower to add third party plugins/frameworks * Making minor changes to your AngularJS app
Scoop.it!
A introductory video on quickly creating AngularJS applications using TypeScript and how you can organize your project.
Scoop.it!
From
weluse
Whenever a new commit is pushed to the master branch, our internal Jenkins server picks it up and runs not only the test suite, but the complete grunt pipeline. It also installs all the bower components before that, as those are not part of our repository. There are conflicting opinions on whether committing your components to the repository is a good idea or not. In our case we haven’t seen any negative side-effects. If the build and test suite passes, Jenkins updates or initializes a new git repository in the dist folder that the grunt build created and pushes the complete content to a dedicated deployment remote. After that, Jenkins kicks off capistrano which checks out the deployment remote on the staging server.
Scoop.it!
From
vickev
RequireJS is a really powerful tool to deal with modules and dependencies. It also provides a great optimizer, which allows you to have your entire application (or part of it, as needed) in a single file. It even can uglify the code, which means your code will no longer be human readable. However, when your project gets complex, it can be very, very difficult to deal with the configuration. Although it is always possible to come up with a solution for your project, sometimes, you just need to add extra configuration only for the optimizer. Grunt can help you do that, because it must be reminded that this tool is "only" a Nodejs application. This characteristic will allow you to interact with your project...
Scoop.it!
What Is Yeoman? Trick question. It's not a thing. It's this guy: Basically, he wears a top hat, lives in your computer, and waits for you to create. As an example, scaffolding a web application would look something like this: ...
Scoop.it!
I started playing around with creating a workflow for creating single page applications with JavaScript. The big player in this workflow is GruntJS. In this Single Page JavaScript Application Workflow Tutorial I will explain how to setup a build process for your development and production environment. We will be using several GruntJS plugins to help us.
|
