Grunt and Bower

50 %
50 %
Information about Grunt and Bower
Technology

Published on March 4, 2014

Author: georgemaggessy

Source: slideshare.net

Description

Grunt and Bower - Basics

<Insert Picture Here> JavaScript Build Process

Topics • • 2 Grunt Bower Oracle Restricted and Confidential

Grunt

Grunt • • Is an npm module: “npm install –g grunt-cli” • Installing grunt-cli does not install the Grunt task runner. • 4 JavaScript Task Runner. Analogous to ANT. Grunt CLI only runs the version of Grunt which has been installed next to a Gruntfile. This allows multiple versions of Grunt to be installed on the same machine simultaneously. Oracle Restricted and Confidential

Grunt • Basic Grunt Project setup • • 5 package.json: Used by npm to store metadata for. You will list grunt and the Grunt plugins as devDependencies in this file. Gruntfile: This file is named Gruntfile.js and is used to configure or define tasks and load Grunt plugins. Oracle Restricted and Confidential

<Insert Picture Here> GRUNT DEMO

Bower

Bower • • Also an npm module: “npm install –g bower” • Bower registry: http://sindresorhus.com/bower-components/ • 8 Package manager for web apps. To configure an existing project, add bower.json to the root folder. Oracle Restricted and Confidential

Bower Where <package> can be any one of the following: • • Git endpoint: remote or local. • A shorthand endpoint, e.g., someone/some-package (defaults to GitHub). • 9 Registered package, e.g, jquery. A URL to a file, including zip and tar files Oracle Restricted and Confidential

<Insert Picture Here> BOWER DEMO

Add a comment

Related presentations

Related pages

Getting started with Grunt & Bower - NitinH.com

Guide to setup a simple project with development server, less compilation, and livereload using Grunt.js and Bower.js.These are must have tools for any ...
Read more

Yeoman, Grunt, and Bower | JohnMunsch.com

Aside from being a top end legal team, Yeoman, Grunt, and Bower are also the names of some front-end development tools I use when working on new projects ...
Read more

Kickstart Your AngularJS Development with Yeoman, Grunt ...

Whether you love or hate it, there’s no denying that AngularJS is the framework on every developer’s lips. Let's get started with Yeoman, Grunt and Bower.
Read more

Tools · Bower

Bower is used together with other tools to integrate with all sorts of setups and workflows. Grunt. grunt-bower-concat Grunt task for automatically concat ...
Read more

grunt-bower - npm

grunt-bower. Copy bower installed components to dist folder. Getting Started. Install this grunt plugin next to your project's Gruntfile.js with: npm ...
Read more

javascript - Difference between Grunt, NPM and Bower ...

I'm new to using npm and bower, building my first app in emberjs :). I do have a bit of experience with rails, so I'm familiar with the idea of files for ...
Read more

Grunt und Bower – Crashkurs-Web - Video-Trainings von ...

Grunt ist ein JavaScript-Task-Runner und basiert auf Node.js. Dieses Video-Training zeigt, wie Sie damit verschiedene Aufgaben wie zum Beispiel das ...
Read more

eBay Dev Blog | How to use Grunt and Bower

Grunt and Bower simplify a web developer's life. Bower as a package manager for web components and Grunt as a JavaScript task runner that automatically ...
Read more

How I Use Grunt And Bower for Frontend Packages - Chase Adams

Frontend package management has quickly become a lot more, well…manageable since the release of Bower & Grunt. Here’s how I manage frontend ...
Read more

GitHub - curist/grunt-bower: grunt task to copy bower ...

grunt-bower - grunt task to copy bower installed packages to other folder(s)
Read more