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

using Grunt, Gulp, RequireJS, and other 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

Grunt: The JavaScript Task Runner

Available Grunt plugins. Many of the tasks you need are already available as Grunt Plugins, and new plugins are published every day. While the plugin ...
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

GitHub - yatskevich/grunt-bower-task: Grunt plugin for Bower

README.md grunt-bower-task . Install Bower packages. Smartly. Getting Started. If you haven't used grunt before, be sure to check out the Getting Started ...
Read more

Grunt und Bower – Crashkurs-Programmierung

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

Bower und Grunt installation und nutzen | Blog IT-4ever

Grunt-Bower-Concat schaut am Ende nach welche Pakete installiert sind und sucht sich hier die Javascript- und CSS-Dateien automatisch zusammen und packt ...
Read more

Grunt Bower - TYPO3Wiki

Introduction. This document gives a quick introduction to both Grunt + Bower, and how the tools leverage and manage external libraries that are used within ...
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

Bower — a package manager for the web

Bower keeps track of these packages in a manifest file, bower.json. ... We recommend you use Bower together with Grunt, RequireJS, Yeoman, ...
Read more